CoraTO Wiki - Official Wiki - User contributions [en]

Bika the Bull Box

2026-01-29T11:38:36Z

Noorisei:

<usestyle src="Tabs.css" />
<usestyle src="FuseBoxes.css" />
<usestyle src="Img.css" />

<usescript src="TabFocus.js" />
<usescript src="ShowFirstTabs.js" />

<html lang="en">
<div class="fuses-page">


<header class="hero">
<div class="hero-inner">
<h1 class="hero-title">Bika the Bull Box</h1>
<p class="hero-subtitle">This is the character box for the Buffalo! Below are screenshots displaying the visual appearance and stats of the item. It was released upon launch patch.</p>

<div class="fuse-note">
<span class="fuse-note-icon">⚠️</span>
<div class="fuse-note-content">
<strong>Note</strong>
The display for some items may show 2 compound slots. A game patch has since changed this, all items (except pet) should be a guaranteed 3s.
</div>
</div>

<div class="status-pill">MyShop Boxes</div>
</div>
</header>

<nav class="nav-tabs" role="tablist" aria-label="Main sections">
<button id="tabbtn-visual" class="nav-tab active" role="tab" aria-selected="true" aria-controls="tab-visual" data-tab="tab-visual" tabindex="0">
<span class="full-text">Visual</span><span class="short-text">Visual</span>
</button>
<button id="tabbtn-box50" class="nav-tab" role="tab" aria-selected="false" aria-controls="tab-box50" data-tab="tab-box50" tabindex="-1">
<span class="full-text">Bika the Bull Box 50</span><span class="short-text">Box 50</span>
</button>
<button id="tabbtn-box90" class="nav-tab" role="tab" aria-selected="false" aria-controls="tab-box90" data-tab="tab-box90" tabindex="-1">
<span class="full-text">Bika the Bull Box 90</span><span class="short-text">Box 90</span>
</button>
<button id="tabbtn-box150" class="nav-tab" role="tab" aria-selected="false" aria-controls="tab-box150" data-tab="tab-box150" tabindex="-1">
<span class="full-text">Bika the Bull Box 150</span><span class="short-text">Box 150</span>
</button>
<button id="tabbtn-box210" class="nav-tab" role="tab" aria-selected="false" aria-controls="tab-box210" data-tab="tab-box210" tabindex="-1">
<span class="full-text">Bika the Bull Box 210</span><span class="short-text">Box 210</span>
</button>
</nav>

<main class="content" id="top">

<section id="tab-visual" class="tab-content active" role="tabpanel" aria-labelledby="tab-visual-label">
<div class="section-header">
<h2>Visual Appearance</h2>
<p class="section-lead">Front and rear view</p>
</div>

<div class="feature-card">
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/1/17/Bikavisualfront.png" alt="Front view">
<div class="image-caption">Front view</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/b/b1/Bikavisualback.png" alt="Rear view">
<div class="image-caption">Rear view</div>
</div>
</div>
</div>
</section>


<section id="tab-box50" class="tab-content" role="tabpanel" aria-labelledby="tab-box50-label">
<div class="section-header">
<h2>Bika the Bull Box 50</h2>
<p class="section-lead">Level 50 equipment set details</p>
</div>

<div class="feature-card">
<h4>Sword & Shield</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/8/81/Bisoncane50.png" alt="Black Bison's Cane 50">
<div class="image-caption">Black Bison's Cane 50</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/1/19/Bisonshield50.png" alt="Black Bison's Shield 50">
<div class="image-caption">Black Bison's Shield 50</div>
</div>
</div>
</div>

<div class="feature-card">
<h4>Accessories</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/1/1e/Bisonring50.png" alt="Black Bison's Ring 50">
<div class="image-caption">Black Bison's Ring 50</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/5/5d/Bisongauntlet50.png" alt="Black Bison's Gauntlet 50">
<div class="image-caption">Black Bison's Gauntlet 50</div>
</div>
</div>
</div>

<div class="feature-card">
<h4>Hat & Pet</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/5/5c/Bisonhat50.png" alt="Black Bison's Hat 50">
<div class="image-caption">Black Bison's Hat 50</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/e/e1/Bikathebull50.png" alt="Bika the Bull 50">
<div class="image-caption">Bika the Bull 50</div>
</div>
</div>
</div>
</section>


<section id="tab-box90" class="tab-content" role="tabpanel" aria-labelledby="tab-box90-label">
<div class="section-header">
<h2>Bika the Bull Box 90</h2>
<p class="section-lead">Level 90 equipment set details</p>
</div>

<div class="feature-card">
<h4>Sword & Shield</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/b/b7/Bisoncane90.png" alt="Black Bison's Cane 90">
<div class="image-caption">Black Bison's Cane 90</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/b/b1/Bisonshield90.png" alt="Black Bison's Shield 90">
<div class="image-caption">Black Bison's Shield 90</div>
</div>
</div>
</div>

<div class="feature-card">
<h4>Accessories</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/1/1d/Bisonring90.png" alt="Black Bison's Ring 90">
<div class="image-caption">Black Bison's Ring 90</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/1/1f/Bisongauntlet90.png" alt="Black Bison's Gauntlet 90">
<div class="image-caption">Black Bison's Gauntlet 90</div>
</div>
</div>
</div>

<div class="feature-card">
<h4>Cape & Hat</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/a/a6/Bisoncape90.png" alt="Black Bison's Cape 90">
<div class="image-caption">Black Bison's Cape 90</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/f/f6/Bisonhat90.png" alt="Black Bison's Hat 90">
<div class="image-caption">Black Bison's Hat 90</div>
</div>
</div>
</div>

<div class="feature-card">
<h4>Pet</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/7/7e/Bikathebull90.png" alt="Bika the Bull 90">
<div class="image-caption">Bika the Bull 90</div>
</div>
</div>
</div>
</section>


<section id="tab-box150" class="tab-content" role="tabpanel" aria-labelledby="tab-box150-label">
<div class="section-header">
<h2>Bika the Bull Box 150</h2>
<p class="section-lead">Level 150 equipment set details</p>
</div>

<div class="feature-card">
<h4>Sword & Shield</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/7/7e/Bisoncane150.png" alt="Black Bison's Cane 150">
<div class="image-caption">Black Bison's Cane 150</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/e/e0/Bisonshield150.png" alt="Black Bison's Shield 150">
<div class="image-caption">Black Bison's Shield 150</div>
</div>
</div>
</div>

<div class="feature-card">
<h4>Accessories</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/c/c3/Bisonring150.png" alt="Black Bison's Ring 150">
<div class="image-caption">Black Bison's Ring 150</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/9/9f/Bisongauntlet150.png" alt="Black Bison's Gauntlet 150">
<div class="image-caption">Black Bison's Gauntlet 150</div>
</div>
</div>
</div>

<div class="feature-card">
<h4>Cape & Hat</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/d/d5/Bisoncape150.png" alt="Black Bison's Cape 150">
<div class="image-caption">Black Bison's Cape 150</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/4/49/Bisonhat150.png" alt="Black Bison's Hat 150">
<div class="image-caption">Black Bison's Hat 150</div>
</div>
</div>
</div>

<div class="feature-card">
<h4>Pet</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/9/9a/Bikathebull150.png" alt="Bika the Bull 150">
<div class="image-caption">Bika the Bull 150</div>
</div>
</div>
</div>
</section>


<section id="tab-box210" class="tab-content" role="tabpanel" aria-labelledby="tab-box210-label">
<div class="section-header">
<h2>Bika the Bull Box 210</h2>
<p class="section-lead">Level 210 equipment set details</p>
</div>

<div class="feature-card">
<h4>Sword & Shield</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/d/d9/Bisoncane210.png" alt="Black Bison's Cane 210">
<div class="image-caption">Black Bison's Cane 210</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/7/73/Bisonshield210.png" alt="Black Bison's Shield 210">
<div class="image-caption">Black Bison's Shield 210</div>
</div>
</div>
</div>

<div class="feature-card">
<h4>Accessories</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/d/d6/Bisonring210.png" alt="Black Bison's Ring 210">
<div class="image-caption">Black Bison's Ring 210</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/1/18/Bisongauntlet210.png" alt="Black Bison's Gauntlet 210">
<div class="image-caption">Black Bison's Gauntlet 210</div>
</div>
</div>
</div>

<div class="feature-card">
<h4>Cape & Hat</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/a/a1/Bisoncape210.png" alt="Black Bison's Cape 210">
<div class="image-caption">Black Bison's Cape 210</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/0/0c/Bisonhat210.png" alt="Black Bison's Hat 210">
<div class="image-caption">Black Bison's Hat 210</div>
</div>
</div>
</div>

<div class="feature-card">
<h4>Pet</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/b/b0/Bikathebull210.png" alt="Bika the Bull 210">
<div class="image-caption">Bika the Bull 210</div>
</div>
</div>
</div>
</section>

</main>
</div>
</html>

[[Category:MyShop Boxes]]
[[Category:Gear]]
[[Category:Sword/Staff]]
[[Category:Hats]]
[[Category:Pets]]
[[Category:Accessories]]
[[Category:Shields]]
[[Category:Capes]]

Warrior Buffalo Box

2026-01-29T10:54:17Z

Noorisei:

<usestyle src="Tabs.css" />
<usestyle src="FuseBoxes.css" />
<usestyle src="Img.css" />

<usescript src="TabFocus.js" />
<usescript src="ShowFirstTabs.js" />

<html lang="en">
<div class="fuses-page">

<header class="hero">
<div class="hero-inner">
<h1 class="hero-title">Warrior Buffalo Box</h1>
<p class="hero-subtitle">This is the 2nd Job character box for the Buffalo! Below are screenshots displaying the visual appearance and stats of the item.</p>

<div class="fuse-note">
<span class="fuse-note-icon">ℹ️</span>
<div class="fuse-note-content">
<strong>Mewsie Box Analysis</strong>
This box is very good for powers and charms. The head, <i>Warrior Bika Halo</i>, is great for AP, but not BIS (<a href="/wiki/Boxer_Bunny_Box" title="Boxer Bunny Box">2nd job bunny halo</a> is). You can use it for HP, although it is not BIS (Pavane Head is). The sword, <i>Warrior Bika Buffalo Sword</i>, is BIS for wind attribute swords, making it essential for Gladiators. The Shield, <i>Warrior Bika Buffalo Shield,</i> is a great AC Shield. Additionally, the cape, <i>Warrior Bika Cape</i>, is a great AC cape and so is the pet, <i>Warrior Bika</i>.
</div>
</div>

<div class="status-pill">MyShop Boxes</div>
</div>
</header>

<nav class="nav-tabs" role="tablist" aria-label="Main sections">
<button id="tabbtn-visual" class="nav-tab active" role="tab" aria-selected="true" aria-controls="tab-visual" data-tab="tab-visual" tabindex="0">
<span class="full-text">Visual</span><span class="short-text">Visual</span>
</button>
<button id="tabbtn-box70" class="nav-tab" role="tab" aria-selected="false" aria-controls="tab-box70" data-tab="tab-box70" tabindex="-1">
<span class="full-text">Warrior Box 70</span><span class="short-text">Box 70</span>
</button>
<button id="tabbtn-box150" class="nav-tab" role="tab" aria-selected="false" aria-controls="tab-box150" data-tab="tab-box150" tabindex="-1">
<span class="full-text">Warrior Box 150</span><span class="short-text">Box 150</span>
</button>
<button id="tabbtn-box220" class="nav-tab" role="tab" aria-selected="false" aria-controls="tab-box220" data-tab="tab-box220" tabindex="-1">
<span class="full-text">Warrior Box 220</span><span class="short-text">Box 220</span>
</button>
</nav>

<main class="content" id="top">

<section id="tab-visual" class="tab-content active" role="tabpanel" aria-labelledby="tab-visual-label">
<div class="section-header">
<h2>Visual Appearance</h2>
<p class="section-lead">Front and rear view</p>
</div>

<div class="feature-card">
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/a/a5/Warriorvisualsfront.png" alt="Front view">
<div class="image-caption">Front view</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/1/1d/Warriorvisualsrear.png" alt="Rear view">
<div class="image-caption">Rear view</div>
</div>
</div>
</div>
</section>


<section id="tab-box70" class="tab-content" role="tabpanel" aria-labelledby="tab-box70-label">
<div class="section-header">
<h2>Warrior Buffalo Box 70</h2>
<p class="section-lead">Level 70 equipment set details</p>
</div>

<div class="feature-card">
<h4>Sword & Shield</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/c/ca/Warriorweapon70.png" alt="Warrior Bika Buffalo Sword 70">
<div class="image-caption">Warrior Bika Buffalo Sword 70</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/d/d0/Warriorshield70.png" alt="Warrior Bika Buffalo 70">
<div class="image-caption">Warrior Bika Buffalo 70</div>
</div>
</div>
</div>

<div class="feature-card">
<h4>Accessories</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/8/84/Warrioracc70.png" alt="Warrior Bika Horn Necklace 70">
<div class="image-caption">Warrior Bika Horn Necklace 70</div>
</div>
<div class="image-container">
<div class="image-placeholder">
<span class="placeholder-text">Missing in public documentation (Does this exist?)</span>
</div>
<div class="image-caption">Unknown Head</div>
</div>
</div>
</div>

<div class="feature-card">
<h4>Cape & Hat</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/e/ea/Warriorcape70.png" alt="Warrior Bika Cape 70">
<div class="image-caption">Warrior Bika Cape 70</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/f/fb/Warriorhat70.png" alt="Warrior Bika On Top 70">
<div class="image-caption">Warrior Bika On Top 70</div>
</div>
</div>
</div>

<div class="feature-card">
<h4>Pet</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/8/8b/Warriorbika70.png" alt="Warrior Bika 70">
<div class="image-caption">Warrior Bika 70</div>
</div>
</div>
</div>
</section>


<section id="tab-box150" class="tab-content" role="tabpanel" aria-labelledby="tab-box150-label">
<div class="section-header">
<h2>Warrior Buffalo Box 150</h2>
<p class="section-lead">Level 150 equipment set details</p>
</div>

<div class="feature-card">
<h4>Sword & Shield</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/9/9e/Warriorweapon150.png" alt="Warrior Bika Buffalo Sword 150">
<div class="image-caption">Warrior Bika Buffalo Sword 150</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/d/da/Warriorshield150.png" alt="Warrior Bika Buffalo Shield 150">
<div class="image-caption">Warrior Bika Buffalo Shield 150</div>
</div>
</div>
</div>

<div class="feature-card">
<h4>Accessories</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/9/99/Warrioracc150.png" alt="Warrior Bika Horn Necklace 150">
<div class="image-caption">Warrior Bika Horn Necklace 150</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/0/08/Warriorhead150.png" alt="Warrior Bika Halo 150">
<div class="image-caption">Warrior Bika Halo 150</div>
</div>
</div>
</div>

<div class="feature-card">
<h4>Cape & Hat</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/f/fe/Warriorcape150.png" alt="Warrior Bika Cape 150">
<div class="image-caption">Warrior Bika Cape 150</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/0/0b/Warriorhat150.png" alt="Warrior Bika On Top 150">
<div class="image-caption">Warrior Bika On Top 150</div>
</div>
</div>
</div>

<div class="feature-card">
<h4>Pet</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/2/26/Warriorbika150.png" alt="Warrior Bika 150">
<div class="image-caption">Warrior Bika 150</div>
</div>
</div>
</div>
</section>


<section id="tab-box220" class="tab-content" role="tabpanel" aria-labelledby="tab-box220-label">
<div class="section-header">
<h2>Warrior Buffalo Box 220</h2>
<p class="section-lead">Level 220 equipment set details</p>
</div>

<div class="feature-card">
<h4>Sword & Shield</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/f/ff/Warriorweapon220.png" alt="Warrior Bika Buffalo Sword 220">
<div class="image-caption">Warrior Bika Buffalo Sword 220</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/4/4e/Warriorshield220.png" alt="Warrior Bika Buffalo Shield 220">
<div class="image-caption">Warrior Bika Buffalo Shield 220</div>
</div>
</div>
</div>

<div class="feature-card">
<h4>Accessories</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/1/17/Warrioracc220.png" alt="Warrior Bika Horn Necklace 220">
<div class="image-caption">Warrior Bika Horn Necklace 220</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/b/b8/Warriorhead220.png" alt="Warrior Bika Halo 220">
<div class="image-caption">Warrior Bika Halo 220</div>
</div>
</div>
</div>

<div class="feature-card">
<h4>Cape & Hat</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/a/a0/Warriorcape220.png" alt="Warrior Bika Cape 220">
<div class="image-caption">Warrior Bika Cape 220</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/8/8e/Warriorhat220.png" alt="Warrior Bika On Top 220">
<div class="image-caption">Warrior Bika On Top 220</div>
</div>
</div>
</div>

<div class="feature-card">
<h4>Pet</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/7/7c/Warriorbika220.png" alt="Warrior Bika 220">
<div class="image-caption">Warrior Bika 220</div>
</div>
</div>
</div>
</section>

</main>
</div>
</html>


<div class="page-categories" style="display: none;">
[[Category:MyShop Boxes]]
[[Category:Gear]]
[[Category:WIP Pages]]
[[Category:Sword/Staff]]
[[Category:Hats]]
[[Category:Accessories]]
[[Category:Pets]]
[[Category:Capes]]
[[Category:Shields]]
[[Category:Heads]]
</div>

Lina's Bunny Box

2026-01-29T09:50:39Z

Noorisei:

<usestyle src="Tabs.css" />
<usestyle src="FuseBoxes.css" />
<usestyle src="Img.css" />

<usescript src="TabFocus.js" />
<usescript src="ShowFirstTabs.js" />

<html lang="en">
<div class="fuses-page">


<header class="hero">
<div class="hero-inner">
<h1 class="hero-title">Lina's Bunny Box</h1>
<p class="hero-subtitle">This is the character box for the Bunny! Below are screenshots displaying the visual appearance and stats of the item. It was released upon launch patch.</p>

<div class="fuse-note">
<span class="fuse-note-icon">⚠️</span>
<div class="fuse-note-content">
<strong>Note</strong>
The display for some items may show 2 compound slots. A game patch has since changed this, all items (except pet) should be a guaranteed 3s.
</div>
</div>

<div class="status-pill">MyShop Boxes</div>
</div>
</header>

<nav class="nav-tabs" role="tablist" aria-label="Main sections">
<button id="tabbtn-visual" class="nav-tab active" role="tab" aria-selected="true" aria-controls="tab-visual" data-tab="tab-visual" tabindex="0">
<span class="full-text">Visual</span><span class="short-text">Visual</span>
</button>
<button id="tabbtn-box30" class="nav-tab" role="tab" aria-selected="false" aria-controls="tab-box30" data-tab="tab-box30" tabindex="-1">
<span class="full-text">Lina's Bunny Box 30</span><span class="short-text">Box 30</span>
</button>
<button id="tabbtn-box70" class="nav-tab" role="tab" aria-selected="false" aria-controls="tab-box70" data-tab="tab-box70" tabindex="-1">
<span class="full-text">Lina's Bunny Box 70</span><span class="short-text">Box 70</span>
</button>
<button id="tabbtn-box140" class="nav-tab" role="tab" aria-selected="false" aria-controls="tab-box140" data-tab="tab-box140" tabindex="-1">
<span class="full-text">Lina's Bunny Box 140</span><span class="short-text">Box 140</span>
</button>
<button id="tabbtn-box190" class="nav-tab" role="tab" aria-selected="false" aria-controls="tab-box190" data-tab="tab-box190" tabindex="-1">
<span class="full-text">Lina's Bunny Box 190</span><span class="short-text">Box 190</span>
</button>
</nav>

<main class="content" id="top">

<section id="tab-visual" class="tab-content active" role="tabpanel" aria-labelledby="tab-visual-label">
<div class="section-header">
<h2>Visual Appearance</h2>
<p class="section-lead">Front and rear view</p>
</div>

<div class="feature-card">
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/6/65/Bunnyboxvisualfront.png" alt="Front view">
<div class="image-caption">Front view</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/1/1b/Bunnyboxvisualback.png" alt="Rear view">
<div class="image-caption">Rear view</div>
</div>
</div>
</div>
</section>


<section id="tab-box30" class="tab-content" role="tabpanel" aria-labelledby="tab-box30-label">
<div class="section-header">
<h2>Lina's Bunny Box 30</h2>
<p class="section-lead">Level 30 equipment set details</p>
</div>

<div class="feature-card">
<h4>Sword & Shield</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/d/d4/Bunnyssmasher30.png" alt="Bunny's Smasher 30">
<div class="image-caption">Bunny's Smasher 30</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/5/57/Bunnysblocker30.png" alt="Bunny's Blocker 30">
<div class="image-caption">Bunny's Blocker 30</div>
</div>
</div>
</div>

<div class="feature-card">
<h4>Accessory & Hat</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/9/9c/Bunnybrooch30.png" alt="Bunny Brooch 30">
<div class="image-caption">Bunny Brooch 30</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/6/63/Rabbitears30.png" alt="Rabbit Ears 30">
<div class="image-caption">Rabbit Ears 30</div>
</div>
</div>
</div>

<div class="feature-card">
<h4>Inner & Pet</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/2/25/Babybunonesie30.png" alt="Baby Bun Onesie 30">
<div class="image-caption">Baby Bun Onesie 30</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/1/19/Lina30.png" alt="Lina 30">
<div class="image-caption">Lina 30</div>
</div>
</div>
</div>
</section>


<section id="tab-box70" class="tab-content" role="tabpanel" aria-labelledby="tab-box70-label">
<div class="section-header">
<h2>Lina's Bunny Box 70</h2>
<p class="section-lead">Level 70 equipment set details</p>
</div>

<div class="feature-card">
<h4>Sword & Shield</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/c/c6/Bunnyssmasher70.png" alt="Bunny's Smasher 70">
<div class="image-caption">Bunny's Smasher 70</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/8/88/Bunnysblocker70.png" alt="Bunny's Blocker 70">
<div class="image-caption">Bunny's Blocker 70</div>
</div>
</div>
</div>

<div class="feature-card">
<h4>Accessory & Hat</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/e/eb/Bunnybrooch70.png" alt="Bunny Brooch 70">
<div class="image-caption">Bunny Brooch 70</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/9/99/Rabbitears70.png" alt="Rabbit Ears 70">
<div class="image-caption">Rabbit Ears 70</div>
</div>
</div>
</div>

<div class="feature-card">
<h4>Inner & Cape</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/a/ab/Babybunonesie70.png" alt="Baby Bun Onesie 70">
<div class="image-caption">Baby Bun Onesie 70</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/d/de/Bunnycape70.png" alt="Bunny Cape 70">
<div class="image-caption">Bunny Cape 70</div>
</div>
</div>
</div>

<div class="feature-card">
<h4>Pet</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/6/61/Lina70.png" alt="Lina 70">
<div class="image-caption">Lina 70</div>
</div>
</div>
</div>
</section>


<section id="tab-box140" class="tab-content" role="tabpanel" aria-labelledby="tab-box140-label">
<div class="section-header">
<h2>Lina's Bunny Box 140</h2>
<p class="section-lead">Level 140 equipment set details</p>
</div>

<div class="feature-card">
<h4>Sword & Shield</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/a/a9/Bunnyssmasher140.png" alt="Bunny's Smasher 140">
<div class="image-caption">Bunny's Smasher 140</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/0/0d/Bunnysblocker140.png" alt="Bunny's Blocker 140">
<div class="image-caption">Bunny's Blocker 140</div>
</div>
</div>
</div>

<div class="feature-card">
<h4>Accessory & Hat</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/d/dd/Bunnybrooch140.png" alt="Bunny Brooch 140">
<div class="image-caption">Bunny Brooch 140</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/2/27/Rabbitears140.png" alt="Rabbit Ears 140">
<div class="image-caption">Rabbit Ears 140</div>
</div>
</div>
</div>

<div class="feature-card">
<h4>Inner & Cape</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/3/32/Babybunonesie140.png" alt="Baby Bun Onesie 140">
<div class="image-caption">Baby Bun Onesie 140</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/d/d5/Bunnycape140.png" alt="Bunny Cape 140">
<div class="image-caption">Bunny Cape 140</div>
</div>
</div>
</div>

<div class="feature-card">
<h4>Pet</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/7/7b/Lina140.png" alt="Lina 140">
<div class="image-caption">Lina 140</div>
</div>
</div>
</div>
</section>


<section id="tab-box190" class="tab-content" role="tabpanel" aria-labelledby="tab-box190-label">
<div class="section-header">
<h2>Lina's Bunny Box 190</h2>
<p class="section-lead">Level 190 equipment set details</p>
</div>

<div class="feature-card">
<h4>Sword & Shield</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/6/65/Bunnyssmasher190.png" alt="Bunny's Smasher 190">
<div class="image-caption">Bunny's Smasher 190</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/0/07/Bunnysblocker190.png" alt="Bunny's Blocker 190">
<div class="image-caption">Bunny's Blocker 190</div>
</div>
</div>
</div>

<div class="feature-card">
<h4>Accessory & Hat</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/3/34/Bunnybrooch190.png" alt="Bunny Brooch 190">
<div class="image-caption">Bunny Brooch 190</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/3/36/Rabbitears190.png" alt="Rabbit Ears 190">
<div class="image-caption">Rabbit Ears 190</div>
</div>
</div>
</div>

<div class="feature-card">
<h4>Inner & Cape</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/8/87/Babybunonesie190.png" alt="Baby Bun Onesie 190">
<div class="image-caption">Baby Bun Onesie 190</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/e/e1/Bunnycape190.png" alt="Bunny Cape 190">
<div class="image-caption">Bunny Cape 190</div>
</div>
</div>
</div>

<div class="feature-card">
<h4>Pet</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/9/9f/Lina190.png" alt="Lina 190">
<div class="image-caption">Lina 190</div>
</div>
</div>
</div>
</section>

</main>
</div>
</html>
[[Category:MyShop Boxes]]

MediaWiki:FuseBoxes.css

2026-01-29T09:46:37Z

Noorisei:

.fuses-page {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: var(--text);
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}

/* Section Headers */
.section-header h2 {
color: var(--heading);
margin-top: 0;
margin-bottom: 5px;
}

.section-lead {
margin-top: 0;
color: var(--text-muted);
opacity: 0.8;
margin-bottom: 20px;
}

/* Feature Cards */
.feature-card {
background: var(--surface);
border-radius: 16px;
padding: 25px;
margin-bottom: 25px;
border: 1px solid var(--border);
box-shadow: 0 4px 20px var(--shadow-soft);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.feature-card:hover {
transform: translateY(-5px);
box-shadow: 0 8px 25px var(--shadow-medium);
}

.feature-card h4 {
color: var(--heading);
font-size: 1.4em;
margin-top: 0;
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 2px solid var(--border);
}

/* Grid Layout */
.info-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

/* Image Container Overrides for Fuses Theme */
.fuses-page .image-container {
background: var(--surface) !important;
border: 2px solid var(--border) !important;
border-radius: 12px !important;
transition: all 0.3s ease;
}

.fuses-page .image-container:hover {
border-color: var(--primary) !important;
transform: scale(1.02);
}

.fuses-page .image-caption {
color: var(--heading) !important;
font-weight: 600;
background: var(--bg-2);
padding: 5px 10px;
border-radius: 20px;
display: inline-block;
margin-top: 10px;
}

/* Tabs Styling Overrides */
.nav-tabs {
display: flex;
margin-bottom: 25px;
border-bottom: none;
overflow-x: auto;
padding-bottom: 5px;
}

.nav-tab {
background: var(--surface);
border: 2px solid var(--border);
border-radius: 25px;
padding: 10px 20px;
color: var(--text);
font-weight: 600;
cursor: pointer;
transition: all 0.2s ease;
}

.nav-tab.active {
background: var(--primary);
color: var(--surface);
border-color: var(--primary);
box-shadow: 0 4px 12px var(--shadow-strong);
}

.nav-tab:hover:not(.active) {
background: var(--bg-2);
border-color: var(--primary);
}

/* Responsive */
@media (max-width: 768px) {
.hero {
padding: 25px;
}

.hero-title {
font-size: 2em;
}

.info-grid {
grid-template-columns: 1fr;
}
}

/* Note/Alert Box */
.fuse-note {
background: linear-gradient(to right, var(--surface-tint), var(--bg-1));
border-left: 4px solid var(--primary);
border-radius: 0 8px 8px 0;
padding: 15px 20px;
margin: 20px 0;
color: var(--text);
font-size: 0.95em;
line-height: 1.5;
display: flex;
align-items: flex-start;
gap: 15px;
box-shadow: 0 2px 8px var(--shadow-soft);
transition: all 0.3s ease;
}

.fuse-note:hover {
transform: translateX(5px);
background: linear-gradient(to right, var(--bg-2), var(--surface-tint));
border-left-color: var(--primary-hover);
box-shadow: 0 4px 12px var(--shadow-medium);
}

.fuse-note-icon {
font-size: 1.4em;
line-height: 1;
color: var(--heading);
text-shadow: 0 2px 4px var(--shadow-soft);
}

.fuse-note-content strong {
color: var(--heading);
display: block;
margin-bottom: 4px;
text-transform: uppercase;
font-size: 0.85em;
letter-spacing: 0.5px;
}

Explorer Zorra Box

2026-01-29T09:06:09Z

Noorisei:

<usestyle src="Tabs.css" />
<usestyle src="Img.css" />
<usestyle src="FuseBoxes.css" />

<usescript src="TabFocus.js" />
<usescript src="ShowFirstTabs.js" />

<html lang="en">
<div class="fuses-page">


<header class="hero">
<div class="hero-inner">
<h1 class="hero-title">Explorer Zorra Box</h1>
<p class="hero-subtitle">This is the 2nd Job character box for the Fox! Below are screenshots displaying the visual appearance and stats of the item.</p>
<div class="status-pill">MyShop Boxes</div>
</div>
</header>

<nav class="nav-tabs" role="tablist" aria-label="Main sections">
<button id="tabbtn-visual" class="nav-tab active" role="tab" aria-selected="true" aria-controls="tab-visual" data-tab="tab-visual" tabindex="0">
<span class="full-text">Visual</span><span class="short-text">Visual</span>
</button>
<button id="tabbtn-box70" class="nav-tab" role="tab" aria-selected="false" aria-controls="tab-box70" data-tab="tab-box70" tabindex="-1">
<span class="full-text">Explorer Zorra Box 70</span><span class="short-text">Box 70</span>
</button>
<button id="tabbtn-box150" class="nav-tab" role="tab" aria-selected="false" aria-controls="tab-box150" data-tab="tab-box150" tabindex="-1">
<span class="full-text">Explorer Zorra Box 150</span><span class="short-text">Box 150</span>
</button>
<button id="tabbtn-box220" class="nav-tab" role="tab" aria-selected="false" aria-controls="tab-box220" data-tab="tab-box220" tabindex="-1">
<span class="full-text">Explorer Zorra Box 220</span><span class="short-text">Box 220</span>
</button>
</nav>

<main class="content" id="top">

<section id="tab-visual" class="tab-content active" role="tabpanel" aria-labelledby="tab-visual-label">
<div class="section-header">
<h2>Visual Appearance</h2>
<p class="section-lead">Front and rear view of the Explorer Zorra</p>
</div>

<div class="feature-card">
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/f/f2/Explorervisualsfront.png" alt="Front View">
<div class="image-caption">Front View</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/0/08/Explorervisualsrear.png" alt="Rear View">
<div class="image-caption">Rear View</div>
</div>
</div>
</div>
</section>


<section id="tab-box70" class="tab-content" role="tabpanel" aria-labelledby="tab-box70-label">
<div class="section-header">
<h2>Explorer Zorra Box 70</h2>
<p class="section-lead">Level 70 equipment set details</p>
</div>

<div class="feature-card">
<h4>Weapon & Shield</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/1/1e/Explorerweapon70.png" alt="Explorer Zorra Knife 70">
<div class="image-caption">Explorer Zorra Knife 70</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/1/1d/Explorershield70.png" alt="Explorer Zorra Shield 70">
<div class="image-caption">Explorer Zorra Shield 70</div>
</div>
</div>
</div>

<div class="feature-card">
<h4>Accessory & Head</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/9/92/Exploreracc70.png" alt="Explorer Zorra Keychain 70">
<div class="image-caption">Explorer Zorra Keychain 70</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/e/e0/Explorerhead70.png" alt="Explorer Zorra Halo 70">
<div class="image-caption">Explorer Zorra Halo 70</div>
</div>
</div>
</div>

<div class="feature-card">
<h4>Hat & Cape</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/e/ed/Explorerhat70.png" alt="Explorer Zorra On Top 70">
<div class="image-caption">Explorer Zorra On Top 70</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/2/29/Explorercape70.png" alt="Explorer Zorra Cape 70">
<div class="image-caption">Explorer Zorra Cape 70</div>
</div>
</div>
</div>

<div class="feature-card">
<h4>Pet</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/9/97/Explorer70.png" alt="Explorer Zorra 70">
<div class="image-caption">Explorer Zorra 70</div>
</div>
</div>
</div>
</section>


<section id="tab-box150" class="tab-content" role="tabpanel" aria-labelledby="tab-box150-label">
<div class="section-header">
<h2>Explorer Zorra Box 150</h2>
<p class="section-lead">Level 150 equipment set details</p>
</div>

<div class="feature-card">
<h4>Weapon & Shield</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/c/c2/Explorerweapon150.png" alt="Explorer Zorra Knife 150">
<div class="image-caption">Explorer Zorra Knife 150</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/a/a6/Explorershield150.png" alt="Explorer Zorra Shield 150">
<div class="image-caption">Explorer Zorra Shield 150</div>
</div>
</div>
</div>

<div class="feature-card">
<h4>Accessory & Head</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/e/e0/Exploreracc150.png" alt="Explorer Zorra Keychain 150">
<div class="image-caption">Explorer Zorra Keychain 150</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/b/b4/Explorerhead150.png" alt="Explorer Zorra Halo 150">
<div class="image-caption">Explorer Zorra Halo 150</div>
</div>
</div>
</div>

<div class="feature-card">
<h4>Cape & Hat</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/e/e5/Explorercape150.png" alt="Explorer Zorra Cape 150">
<div class="image-caption">Explorer Zorra Cape 150</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/4/44/Explorerhat150.png" alt="Explorer Zorra On Top 150">
<div class="image-caption">Explorer Zorra On Top 150</div>
</div>
</div>
</div>

<div class="feature-card">
<h4>Pet</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/4/42/Explorer150.png" alt="Explorer Zorra 150">
<div class="image-caption">Explorer Zorra 150</div>
</div>
</div>
</div>
</section>


<section id="tab-box220" class="tab-content" role="tabpanel" aria-labelledby="tab-box220-label">
<div class="section-header">
<h2>Explorer Zorra Box 220</h2>
<p class="section-lead">Level 220 equipment set details</p>
</div>

<div class="feature-card">
<h4>Weapon & Shield</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/5/59/Explorerweapon220.png" alt="Explorer Zorra Knife 220">
<div class="image-caption">Explorer Zorra Knife 220</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/5/57/Explorershield220.png" alt="Explorer Zorra Shield 220">
<div class="image-caption">Explorer Zorra Shield 220</div>
</div>
</div>
</div>

<div class="feature-card">
<h4>Accessory & Head</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/6/65/Exploreracc220.png" alt="Explorer Zorra Keychain 220">
<div class="image-caption">Explorer Zorra Keychain 220</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/a/a4/Explorerhead220.png" alt="Explorer Zorra Halo 220">
<div class="image-caption">Explorer Zorra Halo 220</div>
</div>
</div>
</div>

<div class="feature-card">
<h4>Cape & Hat</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/c/c7/Explorercape220.png" alt="Explorer Zorra Cape 220">
<div class="image-caption">Explorer Zorra Cape 220</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/0/0d/Explorerhat220.png" alt="Explorer Zorra On Top 220">
<div class="image-caption">Explorer Zorra On Top 220</div>
</div>
</div>
</div>

<div class="feature-card">
<h4>Pet</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/f/f9/Explorer220.png" alt="Explorer Zorra 220">
<div class="image-caption">Explorer Zorra 220</div>
</div>
</div>
</div>
</section>

</main>
</div>
</html>

Boxer Bunny Box

2026-01-29T09:05:07Z

Noorisei:

<usestyle src="Tabs.css" />
<usestyle src="Img.css" />
<usestyle src="FuseBoxes.css" />

<usescript src="TabFocus.js" />
<usescript src="ShowFirstTabs.js" />

<html lang="en">
<div class="fuses-page">


<header class="hero">
<div class="hero-inner">
<h1 class="hero-title">Boxer Bunny Box</h1>
<p class="hero-subtitle">This is the 2nd Job character box for the Bunny! Below are screenshots displaying the visual appearance and stats of the item.</p>
<div class="status-pill">MyShop Boxes</div>
</div>
</header>

<nav class="nav-tabs" role="tablist" aria-label="Main sections">
<button id="tabbtn-visual" class="nav-tab active" role="tab" aria-selected="true" aria-controls="tab-visual" data-tab="tab-visual" tabindex="0">
<span class="full-text">Visual</span><span class="short-text">Visual</span>
</button>
<button id="tabbtn-box60" class="nav-tab" role="tab" aria-selected="false" aria-controls="tab-box60" data-tab="tab-box60" tabindex="-1">
<span class="full-text">Boxer Bunny Box 60</span><span class="short-text">Box 60</span>
</button>
<button id="tabbtn-box180" class="nav-tab" role="tab" aria-selected="false" aria-controls="tab-box180" data-tab="tab-box180" tabindex="-1">
<span class="full-text">Boxer Bunny Box 180</span><span class="short-text">Box 180</span>
</button>
<button id="tabbtn-box240" class="nav-tab" role="tab" aria-selected="false" aria-controls="tab-box240" data-tab="tab-box240" tabindex="-1">
<span class="full-text">Boxer Bunny Box 240</span><span class="short-text">Box 240</span>
</button>
</nav>

<main class="content" id="top">

<section id="tab-visual" class="tab-content active" role="tabpanel" aria-labelledby="tab-visual-label">
<div class="section-header">
<h2>Visual Appearance</h2>
<p class="section-lead">Front and rear view of the Boxer Bunny</p>
</div>

<div class="feature-card">
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/f/fb/Boxervisualsfront.png" alt="Front View">
<div class="image-caption">Front View</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/d/dc/Boxervisualsrear.png" alt="Rear View">
<div class="image-caption">Rear View</div>
</div>
</div>
</div>
</section>


<section id="tab-box60" class="tab-content" role="tabpanel" aria-labelledby="tab-box60-label">
<div class="section-header">
<h2>Boxer Bunny Box 60</h2>
<p class="section-lead">Level 60 equipment set details</p>
</div>

<div class="feature-card">
<h4>Weapon & Shield</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/d/d5/Boxerweapon60.png" alt="Boxer Bunny Punch 60">
<div class="image-caption">Boxer Bunny Punch 60</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/1/17/Boxershield60.png" alt="Boxer Lina Buffalo 60">
<div class="image-caption">Boxer Lina Buffalo 60</div>
</div>
</div>
</div>

<div class="feature-card">
<h4>Accessory & Head</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/5/5a/Boxeracc60.png" alt="Boxer Bunny Choker 60">
<div class="image-caption">Boxer Bunny Choker 60</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/7/77/Boxerhead60.png" alt="Boxer Bunny Halo 60">
<div class="image-caption">Boxer Bunny Halo 60</div>
</div>
</div>
</div>

<div class="feature-card">
<h4>Hat & Cape</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/4/4e/Boxerhat60.png" alt="Boxer Bunny On Top 60">
<div class="image-caption">Boxer Bunny On Top 60</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/8/8d/Boxercape60.png" alt="Boxer Bunny Cape 60">
<div class="image-caption">Boxer Bunny Cape 60</div>
</div>
</div>
</div>

<div class="feature-card">
<h4>Pet</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/d/de/Boxerlina60.png" alt="Lina 60">
<div class="image-caption">Lina 60</div>
</div>
</div>
</div>
</section>


<section id="tab-box180" class="tab-content" role="tabpanel" aria-labelledby="tab-box180-label">
<div class="section-header">
<h2>Boxer Bunny Box 180</h2>
<p class="section-lead">Level 180 equipment set details</p>
</div>

<div class="feature-card">
<h4>Weapon & Shield</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/6/6d/Boxerweapon180.png" alt="Boxer Bunny Punch 180">
<div class="image-caption">Boxer Bunny Punch 180</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/1/1f/Boxershield180.png" alt="Boxer Bunny Guard 180">
<div class="image-caption">Boxer Bunny Guard 180</div>
</div>
</div>
</div>

<div class="feature-card">
<h4>Accessory & Head</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/c/cb/Boxeracc180.png" alt="Boxer Bunny Choker 180">
<div class="image-caption">Boxer Bunny Choker 180</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/d/d2/Boxerhead180.png" alt="Boxer Bunny Halo 180">
<div class="image-caption">Boxer Bunny Halo 180</div>
</div>
</div>
</div>

<div class="feature-card">
<h4>Cape & Hat</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/1/11/Boxercape180.png" alt="Boxer Bunny Cape 180">
<div class="image-caption">Boxer Bunny Cape 180</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/e/e3/Boxerhat180.png" alt="Boxer Bunny On Top 180">
<div class="image-caption">Boxer Bunny On Top 180</div>
</div>
</div>
</div>

<div class="feature-card">
<h4>Pet</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/0/01/Boxerlina180.png" alt="Lina 180">
<div class="image-caption">Lina 180</div>
</div>
</div>
</div>
</section>


<section id="tab-box240" class="tab-content" role="tabpanel" aria-labelledby="tab-box240-label">
<div class="section-header">
<h2>Boxer Bunny Box 240</h2>
<p class="section-lead">Level 240 equipment set details</p>
</div>

<div class="feature-card">
<h4>Weapon & Shield</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/0/0d/Boxerweapon240.png" alt="Boxer Bunny Punch 240">
<div class="image-caption">Boxer Bunny Punch 240</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/5/5c/Boxershield240.png" alt="Boxer Bunny Guard 240">
<div class="image-caption">Boxer Bunny Guard 240</div>
</div>
</div>
</div>

<div class="feature-card">
<h4>Accessory & Head</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/8/81/Boxeracc240.png" alt="Boxer Bunny Choker 240">
<div class="image-caption">Boxer Bunny Choker 240</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/d/d3/Boxerhead240.png" alt="Boxer Bunny Halo 240">
<div class="image-caption">Boxer Bunny Halo 240</div>
</div>
</div>
</div>

<div class="feature-card">
<h4>Cape & Hat</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/e/ed/Boxercape240.png" alt="Boxer Bunny Cape 240">
<div class="image-caption">Boxer Bunny Cape 240</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/7/74/Boxerhat240.png" alt="Boxer Bunny On Top 240">
<div class="image-caption">Boxer Bunny On Top 240</div>
</div>
</div>
</div>

<div class="feature-card">
<h4>Pet</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/5/56/Boxerlina240.png" alt="Lina 240">
<div class="image-caption">Lina 240</div>
</div>
</div>
</div>
</section>

</main>
</div>
</html>

MediaWiki:BoxerBunnyBox.css

2026-01-29T09:02:26Z

Noorisei: Noorisei moved page MediaWiki:BoxerBunnyBox.css to MediaWiki:FuseBoxes.css

/* #REDIRECT */@import url(https://mewsie.world/CoraTOWiki/index.php?title=MediaWiki:FuseBoxes.css&action=raw&ctype=text/css);

MediaWiki:FuseBoxes.css

2026-01-29T09:02:26Z

Noorisei: Noorisei moved page MediaWiki:BoxerBunnyBox.css to MediaWiki:FuseBoxes.css

MediaWiki:FuseBoxes.css

2026-01-29T09:01:32Z

Noorisei:

Explorer Zorra Box

2026-01-29T07:17:41Z

Noorisei:

This is the 2nd Job character box for the Fox! Below are screenshots displaying the visual appearance and stats of the item.

==Visual==
{| class="wikitable"
|[[File:Explorervisualsfront.png|center|thumb|Front view]]
|[[File:Explorervisualsrear.png|center|thumb|Rear view]]
|}

==Explorer Zorra Box 70==
{| class="wikitable mw-collapsible"
|+Explorer Buffalo Box 70

!Sword
!Shield
|-
|[[File:Explorerweapon70.png|none|thumb|Explorer Zorra Knife 70]]
|[[File:Explorershield70.png|none|thumb|Explorer Zorra Shield 70]]
|-

!Accessory
!Head
|-
|[[File:Exploreracc70.png|none|thumb|Explorer Zorra Keychain 70]]
|[[File:Explorerhead70.png|none|thumb|Explorer Zorra Halo 70]]
|-

!Hat
!Cape
|-
|[[File:Explorerhat70.png|none|thumb|Explorer Zorra On Top 70]]
|[[File:Explorercape70.png|none|thumb|Explorer Zorra Cape 70]]
|-
!Pet
| rowspan="2" |
|-
|[[File:Explorer70.png|center|thumb|Explorer Zorra 70]]
|}
==Explorer Zorra Box 150==
<span></span>
{| class="wikitable mw-collapsible"
|+
Explorer Zorra Box 150

!Sword
!Shield
|-
|[[File:Explorerweapon150.png|none|thumb|Explorer Zorra Knife 150]]
|[[File:Explorershield150.png|none|thumb|Explorer Zorra Shield 150]]
|-

!Accessory
!Head
|-
|[[File:Exploreracc150.png|none|thumb|Explorer Zorra Keychain 150]]
|[[File:Explorerhead150.png|none|thumb|Explorer Zorra Halo 150]]
|-

!Cape
!Hat
|-
|[[File:Explorercape150.png|none|thumb|Explorer Zorra Cape 150]]
|[[File:Explorerhat150.png|none|thumb|Explorer Zorra On Top 150]]
|-

!Pet
| rowspan="2" |
|-
|[[File:Explorer150.png|none|thumb|Explorer Zorra 150]]
|}<span></span>

==Explorer Zorra Box 220==
<span></span>
{| class="wikitable mw-collapsible"
|+Explorer Zorra Box 220
!Sword
!Shield
|-
|[[File:Explorerweapon220.png|center|thumb|Explorer Zorra Knife 220]]
|[[File:Explorershield220.png|center|thumb|Explorer Zorra Shield 220]]
|-
!Accessory
!Head
|-
|[[File:Exploreracc220.png|none|thumb|Explorer Zorra Keychain 220]]
|[[File:Explorerhead220.png|center|thumb|Explorer Zorra Halo 220]]
|-
!Cape
!Hat
|-
|[[File:Explorercape220.png|center|thumb|Explorer Zorra Cape 220]]
|[[File:Explorerhat220.png|center|thumb|Explorer Zorra On Top 220]]
|-
!Pet
| rowspan="2" |
|-
|[[File:Explorer220.png|center|thumb|Explorer Zorra 220]]
|}
[[Category:MyShop Boxes]]
<span></span>
[[Category:Gear]]

MediaWiki:Common.js

2026-01-29T07:14:05Z

Noorisei:

/*
Propósito da funcionalidade:
- Criar e controlar um botão “voltar ao topo” que aparece após rolar a página.
- Exibir/ocultar com classes (`show` e `pulse`) e realizar rolagem suave até o topo ao clicar.
- Inserir automaticamente o botão no `document.body` e registrar listeners de `scroll` (passivo) e `click`.
*/

(function () {
'use strict';

const CONFIG = {
CLASSES: {
SHOW: 'show',
PULSE: 'pulse'
}
};

const BackToTop = {
button: null,
isVisible: false,
scrollThreshold: 300,

createButton: function () {
const button = document.createElement('button');
button.className = 'btt-button';
button.setAttribute('aria-label', 'Voltar ao topo');
button.setAttribute('title', 'Voltar ao topo');
document.body.appendChild(button);
return button;
},

showButton: function () {
if (!this.isVisible && this.button) {
this.button.classList.add(CONFIG.CLASSES.SHOW);
this.button.classList.add(CONFIG.CLASSES.PULSE);
this.isVisible = true;

setTimeout(() => {
if (this.button) {
this.button.classList.remove(CONFIG.CLASSES.PULSE);
}
}, 6000);
}
},

hideButton: function () {
if (this.isVisible && this.button) {
this.button.classList.remove(CONFIG.CLASSES.SHOW);
this.button.classList.remove(CONFIG.CLASSES.PULSE);
this.isVisible = false;
}
},

handleScroll: function () {
const scrollTop = window.pageYOffset || document.documentElement.scrollTop;

if (scrollTop > this.scrollThreshold) {
this.showButton();
} else {
this.hideButton();
}
},

handleClick: function () {
window.scrollTo({
top: 0,
behavior: 'smooth'
});
},

init: function () {
this.button = this.createButton();

const boundHandleScroll = this.handleScroll.bind(this);
const boundHandleClick = this.handleClick.bind(this);

window.addEventListener('scroll', boundHandleScroll, { passive: true });
this.button.addEventListener('click', boundHandleClick);

this.handleScroll();

console.log('Back to Top button initialized');
}
};

if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', BackToTop.init.bind(BackToTop));
} else {
BackToTop.init();
}
})();

/*
Propósito da funcionalidade:
- Permitir navegação por clique em “cards” que tenham atributo `data-link`.
- Suportar três tipos de destino:
- Âncoras internas (ex.: `#secao`) com rolagem suave.
- URLs externas absolutas (`http://` ou `https://`).
- Títulos de páginas MediaWiki, resolvidos via `mw.util.getUrl()` quando disponível.
*/

(function () {
'use strict';

const CONFIG = {
SELECTORS: {
CARD_LINKS: '.card[data-link], .destaque-card[data-link]'
}
};

function safeQuerySelector(selector, context = document) {
try {
return context.querySelector(selector);
} catch (error) {
console.warn(`Invalid selector '${selector}':`, error);
return null;
}
}

const NavigationHandlers = {
handleCardClick: function (event) {
const card = event.target.closest(CONFIG.SELECTORS.CARD_LINKS);
if (!card) return;

const link = card.getAttribute('data-link');
if (!link) return;

if (link.charAt(0) === '#') {
event.preventDefault();
const anchorElement = safeQuerySelector(link);
if (anchorElement) {
anchorElement.scrollIntoView({ behavior: 'smooth', block: 'start' });
}
return;
}

if (/^https?:\/\//i.test(link)) {
window.location.href = link;
return;
}

const targetUrl = (window.mw && window.mw.util && typeof window.mw.util.getUrl === 'function')
? window.mw.util.getUrl(link)
: ('index.php?title=' + encodeURIComponent(link));

window.location.href = targetUrl;
},

init: function () {
document.addEventListener('click', this.handleCardClick, false);
}
};

if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', NavigationHandlers.init.bind(NavigationHandlers));
} else {
NavigationHandlers.init();
}
})();

/*
Propósito da funcionalidade:
- Criar um menu “hamburger” para abrir/fechar a sidebar no skin `vector-legacy`.
- Alternar classes (`mobile-open`, `sidebar-open`, `active`) para controlar layout em mobile.
- Fechar a sidebar ao clicar fora do painel ou ao pressionar `Escape`.
*/

(function () {
'use strict';

const CONFIG = {
CLASSES: {
ACTIVE: 'active',
MOBILE_OPEN: 'mobile-open',
SIDEBAR_OPEN: 'sidebar-open'
}
};

function safeGetElementById(id) {
try {
return document.getElementById(id);
} catch (error) {
console.warn(`Element with ID '${id}' not found:`, error);
return null;
}
}

function safeQuerySelector(selector, context = document) {
try {
return context.querySelector(selector);
} catch (error) {
console.warn(`Invalid selector '${selector}':`, error);
return null;
}
}

const MobileInterface = {
initialized: false,

getPanel: function () {
return safeGetElementById('mw-panel');
},

isApplicable: function () {
return document.body.classList.contains('skin-vector-legacy') && !!this.getPanel();
},

createHamburgerMenu: function () {
if (this.initialized) return;
if (!this.isApplicable()) {
return;
}

if (document.querySelector('.mobile-hamburger-menu')) {
this.initialized = true;
return;
}

const panel = this.getPanel();
if (!panel) return;

const hamburger = document.createElement('button');
hamburger.className = 'mobile-hamburger-menu';
hamburger.setAttribute('aria-label', 'Toggle navigation menu');
hamburger.setAttribute('type', 'button');
hamburger.innerHTML = '<span></span><span></span><span></span>';

const content = safeGetElementById('content') || safeQuerySelector('.mw-body');
if (content && content.parentNode) {
content.parentNode.insertBefore(hamburger, content);
}

const toggleSidebar = () => {
panel.classList.toggle(CONFIG.CLASSES.MOBILE_OPEN);
hamburger.classList.toggle(CONFIG.CLASSES.ACTIVE);
document.body.classList.toggle(CONFIG.CLASSES.SIDEBAR_OPEN);
try {
const open = panel.classList.contains(CONFIG.CLASSES.MOBILE_OPEN);
document.dispatchEvent(new CustomEvent('cora:mobile-sidebar-toggle', { detail: { open } }));
} catch (e) {
document.dispatchEvent(new Event('cora:mobile-sidebar-toggle'));
}
};

hamburger.addEventListener('click', (event) => {
event.preventDefault();
event.stopPropagation();
toggleSidebar();
});

document.addEventListener('click', (event) => {
if (panel.classList.contains(CONFIG.CLASSES.MOBILE_OPEN) &&
!panel.contains(event.target) &&
!hamburger.contains(event.target)) {
panel.classList.remove(CONFIG.CLASSES.MOBILE_OPEN);
hamburger.classList.remove(CONFIG.CLASSES.ACTIVE);
document.body.classList.remove(CONFIG.CLASSES.SIDEBAR_OPEN);
}
});

document.addEventListener('keydown', (event) => {
if (event.key === 'Escape' && panel.classList.contains(CONFIG.CLASSES.MOBILE_OPEN)) {
panel.classList.remove(CONFIG.CLASSES.MOBILE_OPEN);
hamburger.classList.remove(CONFIG.CLASSES.ACTIVE);
document.body.classList.remove(CONFIG.CLASSES.SIDEBAR_OPEN);
}
});

this.initialized = true;
},

init: function () {
this.createHamburgerMenu();
}
};

if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', MobileInterface.init.bind(MobileInterface));
} else {
MobileInterface.init();
}
})();
/*
Propósito da funcionalidade:
- Tornar os portais/menus laterais do skin `vector-legacy` colapsáveis.
- Colapsar automaticamente todas as seções do painel (exceto a primeira) ao iniciar.
- Persistir estado expandido/colapsado por seção via `localStorage` usando prefixo `sidebar-<id>`.
- Ajustar alturas (`maxHeight`) ao expandir/colapsar e recalcular em `resize`.
*/

(function () {
'use strict';

const CONFIG = {
CLASSES: {
COLLAPSED: 'collapsed'
},
STORAGE_KEYS: {
SIDEBAR_PREFIX: 'sidebar-'
}
};

function ensureSidebarStyles() {
if (document.getElementById('cora-sidebar-collapsible-styles')) return;
const style = document.createElement('style');
style.id = 'cora-sidebar-collapsible-styles';
style.textContent =
'body.skin-vector-legacy #mw-panel .vector-menu-content,body.skin-vector-legacy #mw-panel .portal .body{overflow:hidden;transition:max-height .4s ease,opacity .3s ease;opacity:1}' +
'body.skin-vector-legacy #mw-panel .vector-menu-portal.collapsed .vector-menu-content,body.skin-vector-legacy #mw-panel .portal.collapsed .body{max-height:0!important;opacity:0;padding:0}' +
'body.skin-vector-legacy #mw-panel .vector-menu-portal .vector-menu-heading,body.skin-vector-legacy #mw-panel .portal h3{cursor:pointer;user-select:none}';
document.head.appendChild(style);
}

function safeGetElementById(id) {
try {
return document.getElementById(id);
} catch (error) {
console.warn(`Element with ID '${id}' not found:`, error);
return null;
}
}

function safeQuerySelectorAll(selector, context = document) {
try {
return context.querySelectorAll(selector);
} catch (error) {
console.warn(`Invalid selector '${selector}':`, error);
return [];
}
}

function safeGetLocalStorage(key, defaultValue = '') {
try {
return localStorage.getItem(key) || defaultValue;
} catch (error) {
console.warn(`localStorage access failed for key '${key}':`, error);
return defaultValue;
}
}

function safeSetLocalStorage(key, value) {
try {
localStorage.setItem(key, value);
return true;
} catch (error) {
console.warn(`localStorage write failed for key '${key}':`, error);
return false;
}
}

const SidebarManager = {
portals: null,
getPortalId: function (portal) {
const heading = portal.querySelector('.vector-menu-heading, h3');
if (heading) {
return heading.textContent.trim().toLowerCase().replace(/\s+/g, '-');
}
return 'unknown-portal';
},

syncExpandedHeights: function () {
if (!this.portals) return;
this.portals.forEach(portal => {
if (portal.classList.contains(CONFIG.CLASSES.COLLAPSED)) return;
const content = portal.querySelector('.vector-menu-content, .body');
if (!content) return;
content.style.maxHeight = content.scrollHeight + 'px';
content.style.opacity = '1';
});
},

initSidebarCollapsible: function () {
if (!document.body.classList.contains('skin-vector-legacy')) {
return;
}

const panel = safeGetElementById('mw-panel');
if (!panel) return;

ensureSidebarStyles();

const portals = safeQuerySelectorAll('.vector-menu-portal, .portal', panel);
this.portals = Array.from(portals);

portals.forEach((portal, index) => {
if (index > 0) {
portal.classList.add(CONFIG.CLASSES.COLLAPSED);
const content = portal.querySelector('.vector-menu-content, .body');
if (content) {
content.style.maxHeight = '0';
content.style.opacity = '0';
}
}
});

const headings = safeQuerySelectorAll('.vector-menu-heading, .portal h3', panel);

headings.forEach(heading => {
heading.addEventListener('click', (event) => {
event.preventDefault();
event.stopPropagation();

const portal = heading.closest('.vector-menu-portal, .portal');
if (!portal) return;

const content = portal.querySelector('.vector-menu-content, .body');
if (!content) return;

const isCollapsed = portal.classList.contains(CONFIG.CLASSES.COLLAPSED);
const portalId = this.getPortalId(portal);

if (isCollapsed) {
portal.classList.remove(CONFIG.CLASSES.COLLAPSED);
content.style.maxHeight = content.scrollHeight + 'px';
content.style.opacity = '1';
safeSetLocalStorage(CONFIG.STORAGE_KEYS.SIDEBAR_PREFIX + portalId, 'expanded');
} else {
portal.classList.add(CONFIG.CLASSES.COLLAPSED);
content.style.maxHeight = '0';
content.style.opacity = '0';
safeSetLocalStorage(CONFIG.STORAGE_KEYS.SIDEBAR_PREFIX + portalId, 'collapsed');
}
});
});

portals.forEach((portal, index) => {
if (index === 0) return;

const savedState = safeGetLocalStorage(CONFIG.STORAGE_KEYS.SIDEBAR_PREFIX + this.getPortalId(portal));
const content = portal.querySelector('.vector-menu-content, .body');

if (savedState === 'expanded' && content) {
portal.classList.remove(CONFIG.CLASSES.COLLAPSED);
content.style.maxHeight = content.scrollHeight + 'px';
content.style.opacity = '1';
}
});

window.addEventListener('resize', () => {
this.syncExpandedHeights();
});

document.addEventListener('cora:mobile-sidebar-toggle', () => {
this.syncExpandedHeights();
});
},

init: function () {
this.initSidebarCollapsible();
}
};

if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', SidebarManager.init.bind(SidebarManager));
} else {
SidebarManager.init();
}
})();

/*
Propósito da funcionalidade:
- Abrir imagens em um “lightbox” (overlay) ao clicar, permitindo ampliar e visualizar com foco.
- Fechar ao clicar no fundo do overlay ou ao pressionar `Escape`.
- Bloquear rolagem do body enquanto o overlay estiver aberto e restaurar ao fechar.
- Exibir legenda baseada em `.image-container .image-caption` ou no `alt` da imagem.
- Adaptar a cor do fundo e da legenda ao tema atual via atributo `data-theme` no `<html>`.
*/

(function () {
'use strict';

const ImageLightbox = {
overlay: null,
bodyOverflow: '',
init: function () {
document.addEventListener('click', this.handleDocumentClick.bind(this), false);
},
shouldIgnoreClick: function (target) {
if (!target || !target.closest) return false;
if (target.closest('a[href]')) return true;
if (target.closest('.nav-tabs, .nav-tab, .nav-tab-fgod, .nested-tabs, .nested-tab')) return true;
return false;
},
buildOverlay: function () {
const overlay = document.createElement('div');
overlay.className = 'image-lightbox-overlay';
const theme = document.documentElement.getAttribute('data-theme') || 'light';
const bg = theme === 'dark' ? 'rgba(0,0,0,0.85)' : 'rgba(0,0,0,0.7)';
overlay.style.position = 'fixed';
overlay.style.top = '0';
overlay.style.right = '0';
overlay.style.bottom = '0';
overlay.style.left = '0';
overlay.style.display = 'flex';
overlay.style.alignItems = 'center';
overlay.style.justifyContent = 'center';
overlay.style.background = bg;
overlay.style.zIndex = '9999';
overlay.style.padding = '2vw';
overlay.style.cursor = 'zoom-out';
overlay.setAttribute('role', 'dialog');
overlay.setAttribute('aria-modal', 'true');
overlay.addEventListener('click', (e) => { if (e.target === overlay) this.close(); });
document.addEventListener('keydown', this.handleKeydown);
return overlay;
},
handleKeydown: function (e) {
if (e.key === 'Escape') {
const self = ImageLightbox;
if (self.overlay) { self.close(); }
}
},
findImageFromTarget: function (target) {
const el = target.closest('img, .image-container, .image-grid img');
if (!el) return null;
if (el.tagName && el.tagName.toLowerCase() === 'img') return el;
const img = el.querySelector('img');
return img || null;
},
handleDocumentClick: function (e) {
if (this.overlay && this.overlay.contains(e.target)) return;
if (this.shouldIgnoreClick(e.target)) return;
const img = this.findImageFromTarget(e.target);
if (!img) return;
e.preventDefault();
e.stopPropagation();
this.open(img);
},
open: function (img) {
if (this.overlay) return;
this.overlay = this.buildOverlay();
this.bodyOverflow = document.body.style.overflow || '';
document.body.style.overflow = 'hidden';
const content = document.createElement('div');
content.style.position = 'relative';
content.style.maxWidth = '90vw';
content.style.maxHeight = '90vh';
const clone = document.createElement('img');
clone.src = img.currentSrc || img.src;
clone.alt = img.alt || '';
clone.style.maxWidth = '90vw';
clone.style.maxHeight = '90vh';
clone.style.borderRadius = '12px';
clone.style.boxShadow = '0 10px 30px rgba(0,0,0,0.25)';
clone.style.transform = 'scale(0.98)';
clone.style.opacity = '0';
clone.style.transition = 'transform 150ms ease, opacity 150ms ease';
clone.style.willChange = 'transform, opacity';
content.appendChild(clone);
const captionText = this.getCaptionText(img);
if (captionText) {
const caption = document.createElement('div');
caption.textContent = captionText;
caption.style.marginTop = '0.75rem';
caption.style.fontSize = '0.9rem';
caption.style.textAlign = 'center';
const theme = document.documentElement.getAttribute('data-theme') || 'light';
caption.style.color = theme === 'dark' ? '#a8c6e8' : '#666';
content.appendChild(caption);
}
this.overlay.appendChild(content);
document.body.appendChild(this.overlay);
requestAnimationFrame(() => {
clone.style.transform = 'scale(1.25)';
clone.style.opacity = '1';
});
},
getCaptionText: function (img) {
const container = img.closest('.image-container');
const capEl = container ? container.querySelector('.image-caption') : null;
if (capEl && capEl.textContent) {
return capEl.textContent.trim();
}
return img.alt ? img.alt.trim() : '';
},
close: function () {
if (!this.overlay) return;
document.removeEventListener('keydown', this.handleKeydown);
if (this.overlay.parentNode) this.overlay.parentNode.removeChild(this.overlay);
this.overlay = null;
document.body.style.overflow = this.bodyOverflow;
}
};

if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', ImageLightbox.init.bind(ImageLightbox));
} else {
ImageLightbox.init();
}
})();

( function () {
'use strict';

const CONFIG = {
CLASSES: {
EXPANDED: 'expanded'
},
STORAGE_KEYS: {
USER_MENU_STATE: 'user-menu-state',
PERSONAL_MENU_STATE: 'personal-menu-state'
},
BODY_CLASSES: {
HAS_USER_MENU: 'has-user-menu-collapsible',
HAS_PERSONAL_MENU: 'has-personal-menu-collapsible'
}
};

/**
* @typedef {Object} CollapsibleMenuOptions
* @property {string} containerId
* @property {string} containerClass
* @property {string} headerClass
* @property {string} contentClass
* @property {string} listClass
* @property {string} headerText
* @property {string} stateStorageKey
* @property {string} bodyClass
* @property {string[]} itemIds
*/

/**
* @param {string} id
* @return {HTMLElement|null}
*/
function safeGetElementById( id ) {
try {
return document.getElementById( id );
} catch ( error ) {
return null;
}
}

/**
* @param {string} key
* @param {string} [defaultValue]
* @return {string}
*/
function safeGetLocalStorage( key, defaultValue = '' ) {
try {
return localStorage.getItem( key ) || defaultValue;
} catch ( error ) {
return defaultValue;
}
}

/**
* @param {string} key
* @param {string} value
* @return {boolean}
*/
function safeSetLocalStorage( key, value ) {
try {
localStorage.setItem( key, value );
return true;
} catch ( error ) {
return false;
}
}

/**
* @param {CollapsibleMenuOptions} options
* @return {HTMLElement|null}
*/
function buildCollapsibleMenu( options ) {
const existing = safeGetElementById( options.containerId );
if ( existing ) {
return existing;
}

const items = options.itemIds
.map( ( id ) => safeGetElementById( id ) )
.filter( Boolean );
if ( items.length === 0 ) {
return null;
}

const menuContainer = document.createElement( 'div' );
menuContainer.id = options.containerId;
menuContainer.className = options.containerClass;

const menuHeader = document.createElement( 'div' );
menuHeader.className = options.headerClass;
menuHeader.textContent = options.headerText;

menuHeader.addEventListener( 'click', () => {
menuContainer.classList.toggle( CONFIG.CLASSES.EXPANDED );

const state = menuContainer.classList.contains( CONFIG.CLASSES.EXPANDED ) ?
'expanded' :
'collapsed';
safeSetLocalStorage( options.stateStorageKey, state );
} );

const menuContent = document.createElement( 'div' );
menuContent.className = options.contentClass;

const menuList = document.createElement( 'ul' );
menuList.className = options.listClass;

items.forEach( ( item ) => {
if ( item && item.parentNode ) {
menuList.appendChild( item );
}
} );

menuContent.appendChild( menuList );
menuContainer.appendChild( menuHeader );
menuContainer.appendChild( menuContent );
document.body.appendChild( menuContainer );

document.body.classList.add( options.bodyClass );

const savedState = safeGetLocalStorage( options.stateStorageKey );
if ( savedState === 'expanded' ) {
menuContainer.classList.add( CONFIG.CLASSES.EXPANDED );
}

document.addEventListener( 'click', ( event ) => {
const target = event.target;
if (
menuContainer.classList.contains( CONFIG.CLASSES.EXPANDED ) &&
target instanceof Node &&
!menuContainer.contains( target )
) {
menuContainer.classList.remove( CONFIG.CLASSES.EXPANDED );
safeSetLocalStorage( options.stateStorageKey, 'collapsed' );
}
} );

menuContainer.addEventListener( 'mouseenter', () => {
menuContainer.classList.add( CONFIG.CLASSES.EXPANDED );
} );

menuContainer.addEventListener( 'mouseleave', () => {
menuContainer.classList.remove( CONFIG.CLASSES.EXPANDED );
safeSetLocalStorage( options.stateStorageKey, 'collapsed' );
} );

return menuContainer;
}

const UserMenuManager = {
initialized: false,

initUserMenuCollapsible: function () {
if ( this.initialized ) {
return;
}

if ( !document.body.classList.contains( 'skin-vector-legacy' ) ) {
return;
}

const personalTools = safeGetElementById( 'p-personal' );
if ( !personalTools ) {
return;
}

const isLoggedIn = !!safeGetElementById( 'pt-userpage' );
const isAnonymous = !isLoggedIn && !!safeGetElementById( 'pt-login' );

if ( isLoggedIn ) {
buildCollapsibleMenu( {
containerId: 'user-menu-collapsible',
containerClass: 'user-menu-container',
headerClass: 'user-menu-header',
contentClass: 'user-menu-content',
listClass: 'user-menu-list',
headerText: 'User',
stateStorageKey: CONFIG.STORAGE_KEYS.USER_MENU_STATE,
bodyClass: CONFIG.BODY_CLASSES.HAS_USER_MENU,
itemIds: [
'pt-userpage', 'pt-mytalk', 'pt-preferences',
'pt-watchlist', 'pt-mycontris', 'pt-logout'
]
} );
}

if ( isAnonymous ) {
buildCollapsibleMenu( {
containerId: 'personal-menu-collapsible',
containerClass: 'personal-menu-container',
headerClass: 'personal-menu-header',
contentClass: 'personal-menu-content',
listClass: 'personal-menu-list',
headerText: 'User',
stateStorageKey: CONFIG.STORAGE_KEYS.PERSONAL_MENU_STATE,
bodyClass: CONFIG.BODY_CLASSES.HAS_PERSONAL_MENU,
itemIds: [
'pt-login', 'pt-createaccount', 'pt-anonuserpage', 'pt-anontalk'
]
} );
}

this.initialized = true;
},

init: function () {
this.initUserMenuCollapsible();
}
};

if ( document.readyState === 'loading' ) {
document.addEventListener( 'DOMContentLoaded', UserMenuManager.init.bind( UserMenuManager ) );
} else {
UserMenuManager.init();
}
}() );

/*-------------------------------------------------------------------------------------------------------------Link Processor------------------------------------------------------------*/

importScript('MediaWiki:MeuScript.js');

( function () {
'use strict';

function ensureThemeStylesLoaded() {
try {
if ( !window.mw || !mw.loader || !mw.config ) {
return;
}

const skin = mw.config.get( 'skin' ) || 'vector';
const moduleName = 'themeloader.skins.' + skin + '.default';

if ( typeof mw.loader.getState === 'function' ) {
const state = mw.loader.getState( moduleName );
if ( state === null ) {
return;
}
if ( state === 'ready' || state === 'loading' ) {
return;
}
}

mw.loader.load( moduleName );
} catch ( e ) {
// Ignore error
}
}

function getSavedTheme() {
try {
return localStorage.getItem( 'mw-theme' ) || 'default';
} catch ( e ) {
return 'default';
}
}

// Define available themes matching christmas.css roots
const themes = [
{ name: 'Pink', id: 'default' },
{ name: 'Dark', id: 'dark-neutral' },
{ name: 'Christmas', id: 'christmas' },
{ name: 'Power Light', id: 'power-light' },
{ name: 'Magic Light', id: 'magic-light' },
{ name: 'Sense Light', id: 'sense-light' },
{ name: 'Charm Light', id: 'charm-light' },
{ name: 'Power Dark', id: 'power-dark' },
{ name: 'Charm Dark', id: 'charm-dark' },
{ name: 'Magic Dark', id: 'dark-lightBlue' },
{ name: 'Sense Dark', id: 'dark-purple' },
];

// Function to apply theme
function applyTheme( themeId ) {
ensureThemeStylesLoaded();

try {
localStorage.setItem( 'mw-theme', themeId );
} catch ( e ) {
// Ignore error
}

if ( themeId === 'default' ) {
document.documentElement.removeAttribute( 'data-theme' );
} else {
document.documentElement.setAttribute( 'data-theme', themeId );
}
}

// Initialize theme immediately
ensureThemeStylesLoaded();
applyTheme( getSavedTheme() );

// Wait for DOM
const domReady = function ( callback ) {
if ( document.readyState === 'loading' ) {
document.addEventListener( 'DOMContentLoaded', callback );
} else {
setTimeout( callback, 0 );
}
};

domReady( function () {
// Prevent duplicate injection
if ( document.getElementById( 'mw-theme-floating' ) ) {
return;
}

// Create Floating Container
// ID matches CSS: #mw-theme-floating
const container = document.createElement( 'div' );
container.id = 'mw-theme-floating';

// Create Inner Wrapper
// Class matches CSS: .themeMenu
const themeMenuDiv = document.createElement( 'div' );
themeMenuDiv.className = 'themeMenu';

// Create Toggle Button
// Class matches CSS: .themeMenu-toggle
const btn = document.createElement( 'button' );
btn.className = 'themeMenu-toggle';
btn.textContent = 'Appearence';
btn.title = 'Change appearence';
btn.type = 'button';

// Create Dropdown List
// Class matches CSS: .themeMenu-dropdown
const dropdown = document.createElement( 'ul' );
dropdown.className = 'themeMenu-dropdown';

// Populate Items
themes.forEach( function ( theme ) {
// Item Wrapper
// CSS doesn't strictly require this wrapper for floating,
// but theme-menu.css might use .themeMenu-itemWrap
const itemWrap = document.createElement( 'li' );
itemWrap.className = 'themeMenu-itemWrap';

const themeLink = document.createElement( 'a' );
themeLink.className = 'themeMenu-item';
themeLink.href = '#';
themeLink.textContent = theme.name;
themeLink.dataset.themeId = theme.id;

// Highlight current
const currentTheme = getSavedTheme();
if ( theme.id === currentTheme ) {
themeLink.classList.add( 'is-current' );
}

themeLink.addEventListener( 'click', function ( e ) {
e.preventDefault();
ensureThemeStylesLoaded();
applyTheme( theme.id );

// Update highlighting
dropdown.querySelectorAll( '.themeMenu-item' ).forEach( function ( link ) {
link.classList.remove( 'is-current' );
} );
themeLink.classList.add( 'is-current' );

// Close menu
themeMenuDiv.classList.remove( 'is-open' );
} );

itemWrap.appendChild( themeLink );
dropdown.appendChild( itemWrap );
} );

// Toggle Logic
// CSS uses .themeMenu.is-open .themeMenu-dropdown { display: block }
btn.addEventListener( 'click', function ( e ) {
e.preventDefault();
e.stopPropagation();
themeMenuDiv.classList.toggle( 'is-open' );
} );

// Click Outside Logic
document.addEventListener( 'click', function ( e ) {
if ( !themeMenuDiv.contains( e.target ) ) {
themeMenuDiv.classList.remove( 'is-open' );
}
} );

// Assemble
themeMenuDiv.appendChild( btn );
themeMenuDiv.appendChild( dropdown );
container.appendChild( themeMenuDiv );

// Inject into Body
document.body.appendChild( container );
} );

}() );

(function () {
'use strict';

const CONFIG = {
SELECTORS: {
COLLAPSIBLE_HEADER: '.collapsible-header',
COLLAPSIBLE_BUTTON: '.collapsible'
},
CLASSES: {
ACTIVE: 'active',
EXPANDED: 'expanded'
}
};

function safeQuerySelectorAll(selector, context = document) {
try {
return context.querySelectorAll(selector);
} catch (error) {
console.warn(`Invalid selector '${selector}':`, error);
return [];
}
}

const CollapsibleSections = {
initCollapsibleHeaders: function () {
const headers = safeQuerySelectorAll(CONFIG.SELECTORS.COLLAPSIBLE_HEADER);

headers.forEach(header => {
header.addEventListener('click', (event) => {
event.preventDefault();

const section = header.parentElement;
const content = section.querySelector('.collapsible-content');

if (content) {
const isExpanded = section.classList.contains(CONFIG.CLASSES.EXPANDED);

if (isExpanded) {
section.classList.remove(CONFIG.CLASSES.EXPANDED);
content.style.maxHeight = '0';
} else {
section.classList.add(CONFIG.CLASSES.EXPANDED);
content.style.maxHeight = content.scrollHeight + 'px';
}
}
});
});
},

initCollapsibleButtons: function () {
const buttons = safeQuerySelectorAll(CONFIG.SELECTORS.COLLAPSIBLE_BUTTON);

buttons.forEach(button => {
button.addEventListener('click', (event) => {
event.preventDefault();

const content = button.nextElementSibling;

if (content && content.classList.contains('collapsible-content')) {
const isActive = button.classList.contains(CONFIG.CLASSES.ACTIVE);

if (isActive) {
button.classList.remove(CONFIG.CLASSES.ACTIVE);
content.style.maxHeight = '0';
} else {
button.classList.add(CONFIG.CLASSES.ACTIVE);
content.style.maxHeight = content.scrollHeight + 'px';
}
}
});
});
},

init: function () {
this.initCollapsibleHeaders();
this.initCollapsibleButtons();
}
};

if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', CollapsibleSections.init.bind(CollapsibleSections));
} else {
CollapsibleSections.init();
}
})();

/*
Propósito da funcionalidade:
- Oferecer um sistema de recomendação de “Guardian type” baseado em opções selecionadas pelo usuário.
- Controlar accordion de seções (`.guardian-accordion`) e permitir abrir diretamente por nível de dificuldade (1–5).
- Calcular a recomendação pela contagem de votos dos `.decision-options .option.selected`, resolvendo empates escolhendo o tipo mais “difícil”.
- Atualizar o texto em `#recommendedType` e destacar visualmente o tipo recomendado com a classe `recommended`.
- Expor funções globais para uso em HTML/conteúdo do wiki:
- `window.updateGuardianRecommendation()`
- `window.showGuardianByDifficulty(level)`
*/

(function () {
'use strict';

const CONFIG = {
SELECTORS: {
GUARDIAN_ACCORDION: '.guardian-accordion'
},
CLASSES: {
ACTIVE: 'active',
RECOMMENDED: 'recommended'
},
DELAYS: {
ACCORDION_SCROLL_DELAY: 300
}
};

function safeGetElementById(id) {
try {
return document.getElementById(id);
} catch (error) {
console.warn(`Element with ID '${id}' not found:`, error);
return null;
}
}

function safeQuerySelectorAll(selector, context = document) {
try {
return context.querySelectorAll(selector);
} catch (error) {
console.warn(`Invalid selector '${selector}':`, error);
return [];
}
}

function safeQuerySelector(selector, context = document) {
try {
return context.querySelector(selector);
} catch (error) {
console.warn(`Invalid selector '${selector}':`, error);
return null;
}
}

function isElementInViewport(element) {
if (!element) return false;

const rect = element.getBoundingClientRect();
return (
rect.top >= 0 &&
rect.left >= 0 &&
rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
rect.right <= (window.innerWidth || document.documentElement.clientWidth)
);
}

const GuardianDecisionHelper = {
DIFFICULTY_MAP: {
'1': 'regular',
'2': 'mighty',
'3': 'legendary',
'4': 'superior',
'5': 'accomplished'
},

TYPE_DESCRIPTIONS: {
'regular': 'Perfect for beginners with limited time',
'mighty': 'Good balance of effort and power',
'legendary': 'Excellent for endgame content',
'superior': 'For dedicated players seeking optimization',
'accomplished': 'For true perfectionists'
},

initAccordion: function () {
const accordions = safeQuerySelectorAll(CONFIG.SELECTORS.GUARDIAN_ACCORDION);

accordions.forEach(accordion => {
accordion.addEventListener('click', function () {
this.classList.toggle(CONFIG.CLASSES.ACTIVE);
const panel = this.nextElementSibling;

if (panel) {
if (panel.style.maxHeight) {
panel.style.maxHeight = null;
} else {
panel.style.maxHeight = panel.scrollHeight + 'px';
}
}
});
});
},

showGuardianByDifficulty: function (level) {
const accordions = safeQuerySelectorAll(CONFIG.SELECTORS.GUARDIAN_ACCORDION);

accordions.forEach(accordion => {
accordion.classList.remove(CONFIG.CLASSES.ACTIVE);
const panel = accordion.nextElementSibling;
if (panel) {
panel.style.maxHeight = null;
}
});

const guardianType = this.DIFFICULTY_MAP[level];
if (guardianType) {
const targetAccordion = safeQuerySelector(`.${guardianType}-accordion`);
if (targetAccordion) {
targetAccordion.classList.add(CONFIG.CLASSES.ACTIVE);
const panel = targetAccordion.nextElementSibling;
if (panel) {
panel.style.maxHeight = panel.scrollHeight + 'px';
}

setTimeout(() => {
targetAccordion.scrollIntoView({
behavior: 'smooth',
block: 'center'
});
}, CONFIG.DELAYS.ACCORDION_SCROLL_DELAY);
}
}
},

initDecisionHelper: function () {
const options = safeQuerySelectorAll('.decision-options .option');

options.forEach(option => {
option.addEventListener('click', function () {
const siblings = this.parentElement.querySelectorAll('.option');
siblings.forEach(sibling => sibling.classList.remove('selected'));

this.classList.add('selected');

GuardianDecisionHelper.updateRecommendation();
});
});
},

updateRecommendation: function () {
const selectedOptions = safeQuerySelectorAll('.decision-options .option.selected');
const recommendedTypeElement = safeGetElementById('recommendedType');

if (!recommendedTypeElement) return;

if (selectedOptions.length === 0) {
recommendedTypeElement.textContent = 'Select options above';
return;
}

const votes = {
'regular': 0,
'mighty': 0,
'legendary': 0,
'superior': 0,
'accomplished': 0
};

selectedOptions.forEach(option => {
const types = option.getAttribute('data-type');
if (types) {
types.split(',').forEach(type => {
if (votes.hasOwnProperty(type.trim())) {
votes[type.trim()]++;
}
});
}
});

let maxVotes = 0;
let recommendedType = '';
let tiedTypes = [];

for (const type in votes) {
if (votes[type] > maxVotes) {
maxVotes = votes[type];
recommendedType = type;
tiedTypes = [type];
} else if (votes[type] === maxVotes && maxVotes > 0) {
tiedTypes.push(type);
}
}

if (tiedTypes.length > 1) {
const difficultyOrder = ['regular', 'mighty', 'legendary', 'superior', 'accomplished'];
let highestDifficultyIndex = -1;

tiedTypes.forEach(type => {
const typeIndex = difficultyOrder.indexOf(type);
if (typeIndex > highestDifficultyIndex) {
highestDifficultyIndex = typeIndex;
recommendedType = type;
}
});
}

const formattedType = recommendedType.charAt(0).toUpperCase() + recommendedType.slice(1) + ' Guardian';
const description = this.TYPE_DESCRIPTIONS[recommendedType] || '';
const recommendationText = `${formattedType} - ${description}`;

recommendedTypeElement.textContent = recommendationText;
this.highlightRecommendedType(recommendedType);
},

highlightRecommendedType: function (type) {
const accordions = safeQuerySelectorAll(CONFIG.SELECTORS.GUARDIAN_ACCORDION);
accordions.forEach(accordion => {
accordion.classList.remove(CONFIG.CLASSES.RECOMMENDED);
});

const recommendedAccordion = safeQuerySelector(`.${type}-accordion`);
if (recommendedAccordion) {
recommendedAccordion.classList.add(CONFIG.CLASSES.RECOMMENDED);

if (!isElementInViewport(recommendedAccordion)) {
recommendedAccordion.scrollIntoView({
behavior: 'smooth',
block: 'center'
});
}
}
},

init: function () {
const hasGuardianElements =
safeQuerySelector(CONFIG.SELECTORS.GUARDIAN_ACCORDION) ||
safeQuerySelector('.decision-options');

if (hasGuardianElements) {
this.initAccordion();
this.initDecisionHelper();

window.updateGuardianRecommendation = this.updateRecommendation.bind(this);
window.showGuardianByDifficulty = this.showGuardianByDifficulty.bind(this);
}
}
};

if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', GuardianDecisionHelper.init.bind(GuardianDecisionHelper));
} else {
GuardianDecisionHelper.init();
}
})();

/*
Propósito da funcionalidade:
- Converter marcação de links no estilo MediaWiki escrita como texto (ex.: `[[Titulo]]` ou `[[Titulo|Texto]]`)
em links HTML reais (`<a href="...">`).
- Ignorar contextos onde essa conversão não deve acontecer (scripts, editores, formulários, etc.).
- Preservar links `File:`/`Image:` como texto, sem conversão.
- Gerar URLs usando `mw.util.getUrl()` quando disponível, com fallback para `index.php?title=...`.
*/

(function () {
'use strict';

function isInExcludedContext(node) {
if (!node || !node.parentElement) return false;

const excludedSelectors = [
'script', 'style', 'textarea', 'input', 'select', 'option',
'.ve-ui-surface', '.mw-editform', '.CodeMirror', '.cm-editor', '.ace_editor'
].join(', ');

return !!node.parentElement.closest(excludedSelectors);
}

const WikiLinkProcessor = {
processWikiLinks: function () {
if (!document.body || document.body.textContent.indexOf('[[') === -1) {
return;
}

const walker = document.createTreeWalker(
document.body,
NodeFilter.SHOW_TEXT,
null,
false
);

const textNodes = [];
let node;

while ((node = walker.nextNode())) {
const value = node.nodeValue;
if (!value || value.indexOf('[[') === -1 || isInExcludedContext(node)) {
continue;
}
textNodes.push(node);
}

const linkRegex = /\[\[([^\|\]]+)(?:\|([^\]]+))?\]\]/g;

textNodes.forEach(textNode => {
const sourceText = textNode.nodeValue;
if (!linkRegex.test(sourceText)) return;

linkRegex.lastIndex = 0;

const parent = textNode.parentNode;
const fragment = document.createDocumentFragment();
let lastIndex = 0;
let match;

while ((match = linkRegex.exec(sourceText)) !== null) {
if (match.index > lastIndex) {
fragment.appendChild(
document.createTextNode(sourceText.slice(lastIndex, match.index))
);
}

const rawTitle = (match[1] || '').trim();
const displayText = (match[2] != null ? match[2] : rawTitle).trim();

if (/^(File:|Image:)/i.test(rawTitle)) {
// Handle File/Image links
const cleanFilename = rawTitle.replace(/^(File:|Image:)/i, '').trim();
const parts = displayText.split('|');
let caption = '';
let isThumb = false;

// Basic parser for options (thumb, caption)
// Assumes the last part is the caption if it's not a keyword
// This is a simplified parser compared to full MediaWiki
parts.forEach((part, index) => {
const p = part.trim().toLowerCase();
if (p === 'thumb' || p === 'thumbnail') {
isThumb = true;
} else if (['left', 'right', 'center', 'none', 'frame', 'frameless', 'border'].includes(p)) {
// Alignment/Frame options - currently ignored or could be added as classes
} else if (p.match(/^\d+px$/)) {
// Size option - currently ignored
} else {
// Assume it's caption (usually the last one, but we take the last non-keyword)
caption = part.trim();
}
});

// Use Special:FilePath to get the image source
let src;
if (window.mw && window.mw.util && typeof window.mw.util.getUrl === 'function') {
src = window.mw.util.getUrl('Special:FilePath/' + cleanFilename);
} else {
// Fallback for local development or external usage
// Use absolute URL to avoid local file:// or relative path issues which cause timeouts/delays
src = 'https://mewsie.world/CoraTOWiki/index.php?title=Special:FilePath/' + encodeURIComponent(cleanFilename);
}

if (isThumb) {
// Create structure: <div class="image-container"><img ...><div class="image-caption">...</div></div>
const container = document.createElement('div');
container.className = 'image-container';

const img = document.createElement('img');
img.setAttribute('src', src);
img.setAttribute('alt', caption || cleanFilename);
img.setAttribute('loading', 'lazy'); // Optimize loading
img.setAttribute('decoding', 'async'); // Optimize decoding
container.appendChild(img);

if (caption) {
const capDiv = document.createElement('div');
capDiv.className = 'image-caption';
capDiv.textContent = caption;
container.appendChild(capDiv);
}

fragment.appendChild(container);
} else {
// Inline image or simple image
const img = document.createElement('img');
img.setAttribute('src', src);
img.setAttribute('alt', caption || cleanFilename);
img.setAttribute('loading', 'lazy'); // Optimize loading
img.setAttribute('decoding', 'async'); // Optimize decoding
fragment.appendChild(img);
}
} else {
const cleanTitle = rawTitle.charAt(0) === ':' ? rawTitle.slice(1) : rawTitle;

const href = (window.mw && window.mw.util && typeof window.mw.util.getUrl === 'function')
? window.mw.util.getUrl(cleanTitle)
: ('index.php?title=' + encodeURIComponent(cleanTitle));

const anchor = document.createElement('a');
anchor.className = 'mw-link-internal';
anchor.setAttribute('href', href);
anchor.appendChild(document.createTextNode(displayText));
fragment.appendChild(anchor);
}

lastIndex = linkRegex.lastIndex;
}

if (lastIndex < sourceText.length) {
fragment.appendChild(
document.createTextNode(sourceText.slice(lastIndex))
);
}

parent.insertBefore(fragment, textNode);
parent.removeChild(textNode);
});
},

init: function () {
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', this.processWikiLinks);
} else {
this.processWikiLinks();
}
}
};

WikiLinkProcessor.init();
})();

MediaWiki:Common.js

2026-01-29T07:11:38Z

Noorisei:

/*
Propósito da funcionalidade:
- Criar e controlar um botão “voltar ao topo” que aparece após rolar a página.
- Exibir/ocultar com classes (`show` e `pulse`) e realizar rolagem suave até o topo ao clicar.
- Inserir automaticamente o botão no `document.body` e registrar listeners de `scroll` (passivo) e `click`.
*/

(function () {
'use strict';

const CONFIG = {
CLASSES: {
SHOW: 'show',
PULSE: 'pulse'
}
};

const BackToTop = {
button: null,
isVisible: false,
scrollThreshold: 300,

createButton: function () {
const button = document.createElement('button');
button.className = 'btt-button';
button.setAttribute('aria-label', 'Voltar ao topo');
button.setAttribute('title', 'Voltar ao topo');
document.body.appendChild(button);
return button;
},

showButton: function () {
if (!this.isVisible && this.button) {
this.button.classList.add(CONFIG.CLASSES.SHOW);
this.button.classList.add(CONFIG.CLASSES.PULSE);
this.isVisible = true;

setTimeout(() => {
if (this.button) {
this.button.classList.remove(CONFIG.CLASSES.PULSE);
}
}, 6000);
}
},

hideButton: function () {
if (this.isVisible && this.button) {
this.button.classList.remove(CONFIG.CLASSES.SHOW);
this.button.classList.remove(CONFIG.CLASSES.PULSE);
this.isVisible = false;
}
},

handleScroll: function () {
const scrollTop = window.pageYOffset || document.documentElement.scrollTop;

if (scrollTop > this.scrollThreshold) {
this.showButton();
} else {
this.hideButton();
}
},

handleClick: function () {
window.scrollTo({
top: 0,
behavior: 'smooth'
});
},

init: function () {
this.button = this.createButton();

const boundHandleScroll = this.handleScroll.bind(this);
const boundHandleClick = this.handleClick.bind(this);

window.addEventListener('scroll', boundHandleScroll, { passive: true });
this.button.addEventListener('click', boundHandleClick);

this.handleScroll();

console.log('Back to Top button initialized');
}
};

if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', BackToTop.init.bind(BackToTop));
} else {
BackToTop.init();
}
})();

/*
Propósito da funcionalidade:
- Permitir navegação por clique em “cards” que tenham atributo `data-link`.
- Suportar três tipos de destino:
- Âncoras internas (ex.: `#secao`) com rolagem suave.
- URLs externas absolutas (`http://` ou `https://`).
- Títulos de páginas MediaWiki, resolvidos via `mw.util.getUrl()` quando disponível.
*/

(function () {
'use strict';

const CONFIG = {
SELECTORS: {
CARD_LINKS: '.card[data-link], .destaque-card[data-link]'
}
};

function safeQuerySelector(selector, context = document) {
try {
return context.querySelector(selector);
} catch (error) {
console.warn(`Invalid selector '${selector}':`, error);
return null;
}
}

const NavigationHandlers = {
handleCardClick: function (event) {
const card = event.target.closest(CONFIG.SELECTORS.CARD_LINKS);
if (!card) return;

const link = card.getAttribute('data-link');
if (!link) return;

if (link.charAt(0) === '#') {
event.preventDefault();
const anchorElement = safeQuerySelector(link);
if (anchorElement) {
anchorElement.scrollIntoView({ behavior: 'smooth', block: 'start' });
}
return;
}

if (/^https?:\/\//i.test(link)) {
window.location.href = link;
return;
}

const targetUrl = (window.mw && window.mw.util && typeof window.mw.util.getUrl === 'function')
? window.mw.util.getUrl(link)
: ('index.php?title=' + encodeURIComponent(link));

window.location.href = targetUrl;
},

init: function () {
document.addEventListener('click', this.handleCardClick, false);
}
};

if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', NavigationHandlers.init.bind(NavigationHandlers));
} else {
NavigationHandlers.init();
}
})();

/*
Propósito da funcionalidade:
- Criar um menu “hamburger” para abrir/fechar a sidebar no skin `vector-legacy`.
- Alternar classes (`mobile-open`, `sidebar-open`, `active`) para controlar layout em mobile.
- Fechar a sidebar ao clicar fora do painel ou ao pressionar `Escape`.
*/

(function () {
'use strict';

const CONFIG = {
CLASSES: {
ACTIVE: 'active',
MOBILE_OPEN: 'mobile-open',
SIDEBAR_OPEN: 'sidebar-open'
}
};

function safeGetElementById(id) {
try {
return document.getElementById(id);
} catch (error) {
console.warn(`Element with ID '${id}' not found:`, error);
return null;
}
}

function safeQuerySelector(selector, context = document) {
try {
return context.querySelector(selector);
} catch (error) {
console.warn(`Invalid selector '${selector}':`, error);
return null;
}
}

const MobileInterface = {
initialized: false,

getPanel: function () {
return safeGetElementById('mw-panel');
},

isApplicable: function () {
return document.body.classList.contains('skin-vector-legacy') && !!this.getPanel();
},

createHamburgerMenu: function () {
if (this.initialized) return;
if (!this.isApplicable()) {
return;
}

if (document.querySelector('.mobile-hamburger-menu')) {
this.initialized = true;
return;
}

const panel = this.getPanel();
if (!panel) return;

const hamburger = document.createElement('button');
hamburger.className = 'mobile-hamburger-menu';
hamburger.setAttribute('aria-label', 'Toggle navigation menu');
hamburger.setAttribute('type', 'button');
hamburger.innerHTML = '<span></span><span></span><span></span>';

const content = safeGetElementById('content') || safeQuerySelector('.mw-body');
if (content && content.parentNode) {
content.parentNode.insertBefore(hamburger, content);
}

const toggleSidebar = () => {
panel.classList.toggle(CONFIG.CLASSES.MOBILE_OPEN);
hamburger.classList.toggle(CONFIG.CLASSES.ACTIVE);
document.body.classList.toggle(CONFIG.CLASSES.SIDEBAR_OPEN);
try {
const open = panel.classList.contains(CONFIG.CLASSES.MOBILE_OPEN);
document.dispatchEvent(new CustomEvent('cora:mobile-sidebar-toggle', { detail: { open } }));
} catch (e) {
document.dispatchEvent(new Event('cora:mobile-sidebar-toggle'));
}
};

hamburger.addEventListener('click', (event) => {
event.preventDefault();
event.stopPropagation();
toggleSidebar();
});

document.addEventListener('click', (event) => {
if (panel.classList.contains(CONFIG.CLASSES.MOBILE_OPEN) &&
!panel.contains(event.target) &&
!hamburger.contains(event.target)) {
panel.classList.remove(CONFIG.CLASSES.MOBILE_OPEN);
hamburger.classList.remove(CONFIG.CLASSES.ACTIVE);
document.body.classList.remove(CONFIG.CLASSES.SIDEBAR_OPEN);
}
});

document.addEventListener('keydown', (event) => {
if (event.key === 'Escape' && panel.classList.contains(CONFIG.CLASSES.MOBILE_OPEN)) {
panel.classList.remove(CONFIG.CLASSES.MOBILE_OPEN);
hamburger.classList.remove(CONFIG.CLASSES.ACTIVE);
document.body.classList.remove(CONFIG.CLASSES.SIDEBAR_OPEN);
}
});

this.initialized = true;
},

init: function () {
this.createHamburgerMenu();
}
};

if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', MobileInterface.init.bind(MobileInterface));
} else {
MobileInterface.init();
}
})();
/*
Propósito da funcionalidade:
- Tornar os portais/menus laterais do skin `vector-legacy` colapsáveis.
- Colapsar automaticamente todas as seções do painel (exceto a primeira) ao iniciar.
- Persistir estado expandido/colapsado por seção via `localStorage` usando prefixo `sidebar-<id>`.
- Ajustar alturas (`maxHeight`) ao expandir/colapsar e recalcular em `resize`.
*/

(function () {
'use strict';

const CONFIG = {
CLASSES: {
COLLAPSED: 'collapsed'
},
STORAGE_KEYS: {
SIDEBAR_PREFIX: 'sidebar-'
}
};

function ensureSidebarStyles() {
if (document.getElementById('cora-sidebar-collapsible-styles')) return;
const style = document.createElement('style');
style.id = 'cora-sidebar-collapsible-styles';
style.textContent =
'body.skin-vector-legacy #mw-panel .vector-menu-content,body.skin-vector-legacy #mw-panel .portal .body{overflow:hidden;transition:max-height .4s ease,opacity .3s ease;opacity:1}' +
'body.skin-vector-legacy #mw-panel .vector-menu-portal.collapsed .vector-menu-content,body.skin-vector-legacy #mw-panel .portal.collapsed .body{max-height:0!important;opacity:0;padding:0}' +
'body.skin-vector-legacy #mw-panel .vector-menu-portal .vector-menu-heading,body.skin-vector-legacy #mw-panel .portal h3{cursor:pointer;user-select:none}';
document.head.appendChild(style);
}

function safeGetElementById(id) {
try {
return document.getElementById(id);
} catch (error) {
console.warn(`Element with ID '${id}' not found:`, error);
return null;
}
}

function safeQuerySelectorAll(selector, context = document) {
try {
return context.querySelectorAll(selector);
} catch (error) {
console.warn(`Invalid selector '${selector}':`, error);
return [];
}
}

function safeGetLocalStorage(key, defaultValue = '') {
try {
return localStorage.getItem(key) || defaultValue;
} catch (error) {
console.warn(`localStorage access failed for key '${key}':`, error);
return defaultValue;
}
}

function safeSetLocalStorage(key, value) {
try {
localStorage.setItem(key, value);
return true;
} catch (error) {
console.warn(`localStorage write failed for key '${key}':`, error);
return false;
}
}

const SidebarManager = {
portals: null,
getPortalId: function (portal) {
const heading = portal.querySelector('.vector-menu-heading, h3');
if (heading) {
return heading.textContent.trim().toLowerCase().replace(/\s+/g, '-');
}
return 'unknown-portal';
},

syncExpandedHeights: function () {
if (!this.portals) return;
this.portals.forEach(portal => {
if (portal.classList.contains(CONFIG.CLASSES.COLLAPSED)) return;
const content = portal.querySelector('.vector-menu-content, .body');
if (!content) return;
content.style.maxHeight = content.scrollHeight + 'px';
content.style.opacity = '1';
});
},

initSidebarCollapsible: function () {
if (!document.body.classList.contains('skin-vector-legacy')) {
return;
}

const panel = safeGetElementById('mw-panel');
if (!panel) return;

ensureSidebarStyles();

const portals = safeQuerySelectorAll('.vector-menu-portal, .portal', panel);
this.portals = Array.from(portals);

portals.forEach((portal, index) => {
if (index > 0) {
portal.classList.add(CONFIG.CLASSES.COLLAPSED);
const content = portal.querySelector('.vector-menu-content, .body');
if (content) {
content.style.maxHeight = '0';
content.style.opacity = '0';
}
}
});

const headings = safeQuerySelectorAll('.vector-menu-heading, .portal h3', panel);

headings.forEach(heading => {
heading.addEventListener('click', (event) => {
event.preventDefault();
event.stopPropagation();

const portal = heading.closest('.vector-menu-portal, .portal');
if (!portal) return;

const content = portal.querySelector('.vector-menu-content, .body');
if (!content) return;

const isCollapsed = portal.classList.contains(CONFIG.CLASSES.COLLAPSED);
const portalId = this.getPortalId(portal);

if (isCollapsed) {
portal.classList.remove(CONFIG.CLASSES.COLLAPSED);
content.style.maxHeight = content.scrollHeight + 'px';
content.style.opacity = '1';
safeSetLocalStorage(CONFIG.STORAGE_KEYS.SIDEBAR_PREFIX + portalId, 'expanded');
} else {
portal.classList.add(CONFIG.CLASSES.COLLAPSED);
content.style.maxHeight = '0';
content.style.opacity = '0';
safeSetLocalStorage(CONFIG.STORAGE_KEYS.SIDEBAR_PREFIX + portalId, 'collapsed');
}
});
});

portals.forEach((portal, index) => {
if (index === 0) return;

const savedState = safeGetLocalStorage(CONFIG.STORAGE_KEYS.SIDEBAR_PREFIX + this.getPortalId(portal));
const content = portal.querySelector('.vector-menu-content, .body');

if (savedState === 'expanded' && content) {
portal.classList.remove(CONFIG.CLASSES.COLLAPSED);
content.style.maxHeight = content.scrollHeight + 'px';
content.style.opacity = '1';
}
});

window.addEventListener('resize', () => {
this.syncExpandedHeights();
});

document.addEventListener('cora:mobile-sidebar-toggle', () => {
this.syncExpandedHeights();
});
},

init: function () {
this.initSidebarCollapsible();
}
};

if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', SidebarManager.init.bind(SidebarManager));
} else {
SidebarManager.init();
}
})();

/*
Propósito da funcionalidade:
- Abrir imagens em um “lightbox” (overlay) ao clicar, permitindo ampliar e visualizar com foco.
- Fechar ao clicar no fundo do overlay ou ao pressionar `Escape`.
- Bloquear rolagem do body enquanto o overlay estiver aberto e restaurar ao fechar.
- Exibir legenda baseada em `.image-container .image-caption` ou no `alt` da imagem.
- Adaptar a cor do fundo e da legenda ao tema atual via atributo `data-theme` no `<html>`.
*/

(function () {
'use strict';

const ImageLightbox = {
overlay: null,
bodyOverflow: '',
init: function () {
document.addEventListener('click', this.handleDocumentClick.bind(this), false);
},
shouldIgnoreClick: function (target) {
if (!target || !target.closest) return false;
if (target.closest('a[href]')) return true;
if (target.closest('.nav-tabs, .nav-tab, .nav-tab-fgod, .nested-tabs, .nested-tab')) return true;
return false;
},
buildOverlay: function () {
const overlay = document.createElement('div');
overlay.className = 'image-lightbox-overlay';
const theme = document.documentElement.getAttribute('data-theme') || 'light';
const bg = theme === 'dark' ? 'rgba(0,0,0,0.85)' : 'rgba(0,0,0,0.7)';
overlay.style.position = 'fixed';
overlay.style.top = '0';
overlay.style.right = '0';
overlay.style.bottom = '0';
overlay.style.left = '0';
overlay.style.display = 'flex';
overlay.style.alignItems = 'center';
overlay.style.justifyContent = 'center';
overlay.style.background = bg;
overlay.style.zIndex = '9999';
overlay.style.padding = '2vw';
overlay.style.cursor = 'zoom-out';
overlay.setAttribute('role', 'dialog');
overlay.setAttribute('aria-modal', 'true');
overlay.addEventListener('click', (e) => { if (e.target === overlay) this.close(); });
document.addEventListener('keydown', this.handleKeydown);
return overlay;
},
handleKeydown: function (e) {
if (e.key === 'Escape') {
const self = ImageLightbox;
if (self.overlay) { self.close(); }
}
},
findImageFromTarget: function (target) {
const el = target.closest('img, .image-container, .image-grid img');
if (!el) return null;
if (el.tagName && el.tagName.toLowerCase() === 'img') return el;
const img = el.querySelector('img');
return img || null;
},
handleDocumentClick: function (e) {
if (this.overlay && this.overlay.contains(e.target)) return;
if (this.shouldIgnoreClick(e.target)) return;
const img = this.findImageFromTarget(e.target);
if (!img) return;
e.preventDefault();
e.stopPropagation();
this.open(img);
},
open: function (img) {
if (this.overlay) return;
this.overlay = this.buildOverlay();
this.bodyOverflow = document.body.style.overflow || '';
document.body.style.overflow = 'hidden';
const content = document.createElement('div');
content.style.position = 'relative';
content.style.maxWidth = '90vw';
content.style.maxHeight = '90vh';
const clone = document.createElement('img');
clone.src = img.currentSrc || img.src;
clone.alt = img.alt || '';
clone.style.maxWidth = '90vw';
clone.style.maxHeight = '90vh';
clone.style.borderRadius = '12px';
clone.style.boxShadow = '0 10px 30px rgba(0,0,0,0.25)';
clone.style.transform = 'scale(0.98)';
clone.style.opacity = '0';
clone.style.transition = 'transform 150ms ease, opacity 150ms ease';
clone.style.willChange = 'transform, opacity';
content.appendChild(clone);
const captionText = this.getCaptionText(img);
if (captionText) {
const caption = document.createElement('div');
caption.textContent = captionText;
caption.style.marginTop = '0.75rem';
caption.style.fontSize = '0.9rem';
caption.style.textAlign = 'center';
const theme = document.documentElement.getAttribute('data-theme') || 'light';
caption.style.color = theme === 'dark' ? '#a8c6e8' : '#666';
content.appendChild(caption);
}
this.overlay.appendChild(content);
document.body.appendChild(this.overlay);
requestAnimationFrame(() => {
clone.style.transform = 'scale(1.25)';
clone.style.opacity = '1';
});
},
getCaptionText: function (img) {
const container = img.closest('.image-container');
const capEl = container ? container.querySelector('.image-caption') : null;
if (capEl && capEl.textContent) {
return capEl.textContent.trim();
}
return img.alt ? img.alt.trim() : '';
},
close: function () {
if (!this.overlay) return;
document.removeEventListener('keydown', this.handleKeydown);
if (this.overlay.parentNode) this.overlay.parentNode.removeChild(this.overlay);
this.overlay = null;
document.body.style.overflow = this.bodyOverflow;
}
};

if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', ImageLightbox.init.bind(ImageLightbox));
} else {
ImageLightbox.init();
}
})();

( function () {
'use strict';

const CONFIG = {
CLASSES: {
EXPANDED: 'expanded'
},
STORAGE_KEYS: {
USER_MENU_STATE: 'user-menu-state',
PERSONAL_MENU_STATE: 'personal-menu-state'
},
BODY_CLASSES: {
HAS_USER_MENU: 'has-user-menu-collapsible',
HAS_PERSONAL_MENU: 'has-personal-menu-collapsible'
}
};

/**
* @typedef {Object} CollapsibleMenuOptions
* @property {string} containerId
* @property {string} containerClass
* @property {string} headerClass
* @property {string} contentClass
* @property {string} listClass
* @property {string} headerText
* @property {string} stateStorageKey
* @property {string} bodyClass
* @property {string[]} itemIds
*/

/**
* @param {string} id
* @return {HTMLElement|null}
*/
function safeGetElementById( id ) {
try {
return document.getElementById( id );
} catch ( error ) {
return null;
}
}

/**
* @param {string} key
* @param {string} [defaultValue]
* @return {string}
*/
function safeGetLocalStorage( key, defaultValue = '' ) {
try {
return localStorage.getItem( key ) || defaultValue;
} catch ( error ) {
return defaultValue;
}
}

/**
* @param {string} key
* @param {string} value
* @return {boolean}
*/
function safeSetLocalStorage( key, value ) {
try {
localStorage.setItem( key, value );
return true;
} catch ( error ) {
return false;
}
}

/**
* @param {CollapsibleMenuOptions} options
* @return {HTMLElement|null}
*/
function buildCollapsibleMenu( options ) {
const existing = safeGetElementById( options.containerId );
if ( existing ) {
return existing;
}

const items = options.itemIds
.map( ( id ) => safeGetElementById( id ) )
.filter( Boolean );
if ( items.length === 0 ) {
return null;
}

const menuContainer = document.createElement( 'div' );
menuContainer.id = options.containerId;
menuContainer.className = options.containerClass;

const menuHeader = document.createElement( 'div' );
menuHeader.className = options.headerClass;
menuHeader.textContent = options.headerText;

menuHeader.addEventListener( 'click', () => {
menuContainer.classList.toggle( CONFIG.CLASSES.EXPANDED );

const state = menuContainer.classList.contains( CONFIG.CLASSES.EXPANDED ) ?
'expanded' :
'collapsed';
safeSetLocalStorage( options.stateStorageKey, state );
} );

const menuContent = document.createElement( 'div' );
menuContent.className = options.contentClass;

const menuList = document.createElement( 'ul' );
menuList.className = options.listClass;

items.forEach( ( item ) => {
if ( item && item.parentNode ) {
menuList.appendChild( item );
}
} );

menuContent.appendChild( menuList );
menuContainer.appendChild( menuHeader );
menuContainer.appendChild( menuContent );
document.body.appendChild( menuContainer );

document.body.classList.add( options.bodyClass );

const savedState = safeGetLocalStorage( options.stateStorageKey );
if ( savedState === 'expanded' ) {
menuContainer.classList.add( CONFIG.CLASSES.EXPANDED );
}

document.addEventListener( 'click', ( event ) => {
const target = event.target;
if (
menuContainer.classList.contains( CONFIG.CLASSES.EXPANDED ) &&
target instanceof Node &&
!menuContainer.contains( target )
) {
menuContainer.classList.remove( CONFIG.CLASSES.EXPANDED );
safeSetLocalStorage( options.stateStorageKey, 'collapsed' );
}
} );

menuContainer.addEventListener( 'mouseenter', () => {
menuContainer.classList.add( CONFIG.CLASSES.EXPANDED );
} );

menuContainer.addEventListener( 'mouseleave', () => {
menuContainer.classList.remove( CONFIG.CLASSES.EXPANDED );
safeSetLocalStorage( options.stateStorageKey, 'collapsed' );
} );

return menuContainer;
}

const UserMenuManager = {
initialized: false,

initUserMenuCollapsible: function () {
if ( this.initialized ) {
return;
}

if ( !document.body.classList.contains( 'skin-vector-legacy' ) ) {
return;
}

const personalTools = safeGetElementById( 'p-personal' );
if ( !personalTools ) {
return;
}

const isLoggedIn = !!safeGetElementById( 'pt-userpage' );
const isAnonymous = !isLoggedIn && !!safeGetElementById( 'pt-login' );

if ( isLoggedIn ) {
buildCollapsibleMenu( {
containerId: 'user-menu-collapsible',
containerClass: 'user-menu-container',
headerClass: 'user-menu-header',
contentClass: 'user-menu-content',
listClass: 'user-menu-list',
headerText: 'User',
stateStorageKey: CONFIG.STORAGE_KEYS.USER_MENU_STATE,
bodyClass: CONFIG.BODY_CLASSES.HAS_USER_MENU,
itemIds: [
'pt-userpage', 'pt-mytalk', 'pt-preferences',
'pt-watchlist', 'pt-mycontris', 'pt-logout'
]
} );
}

if ( isAnonymous ) {
buildCollapsibleMenu( {
containerId: 'personal-menu-collapsible',
containerClass: 'personal-menu-container',
headerClass: 'personal-menu-header',
contentClass: 'personal-menu-content',
listClass: 'personal-menu-list',
headerText: 'User',
stateStorageKey: CONFIG.STORAGE_KEYS.PERSONAL_MENU_STATE,
bodyClass: CONFIG.BODY_CLASSES.HAS_PERSONAL_MENU,
itemIds: [
'pt-login', 'pt-createaccount', 'pt-anonuserpage', 'pt-anontalk'
]
} );
}

this.initialized = true;
},

init: function () {
this.initUserMenuCollapsible();
}
};

if ( document.readyState === 'loading' ) {
document.addEventListener( 'DOMContentLoaded', UserMenuManager.init.bind( UserMenuManager ) );
} else {
UserMenuManager.init();
}
}() );

/*-------------------------------------------------------------------------------------------------------------Link Processor------------------------------------------------------------*/

importScript('MediaWiki:MeuScript.js');

( function () {
'use strict';

function ensureThemeStylesLoaded() {
try {
if ( !window.mw || !mw.loader || !mw.config ) {
return;
}

const skin = mw.config.get( 'skin' ) || 'vector';
const moduleName = 'themeloader.skins.' + skin + '.default';

if ( typeof mw.loader.getState === 'function' ) {
const state = mw.loader.getState( moduleName );
if ( state === null ) {
return;
}
if ( state === 'ready' || state === 'loading' ) {
return;
}
}

mw.loader.load( moduleName );
} catch ( e ) {
// Ignore error
}
}

function getSavedTheme() {
try {
return localStorage.getItem( 'mw-theme' ) || 'default';
} catch ( e ) {
return 'default';
}
}

// Define available themes matching christmas.css roots
const themes = [
{ name: 'Pink', id: 'default' },
{ name: 'Dark', id: 'dark-neutral' },
{ name: 'Christmas', id: 'christmas' },
{ name: 'Power Light', id: 'power-light' },
{ name: 'Magic Light', id: 'magic-light' },
{ name: 'Sense Light', id: 'sense-light' },
{ name: 'Charm Light', id: 'charm-light' },
{ name: 'Power Dark', id: 'power-dark' },
{ name: 'Charm Dark', id: 'charm-dark' },
{ name: 'Magic Dark', id: 'dark-lightBlue' },
{ name: 'Sense Dark', id: 'dark-purple' },
];

// Function to apply theme
function applyTheme( themeId ) {
ensureThemeStylesLoaded();

try {
localStorage.setItem( 'mw-theme', themeId );
} catch ( e ) {
// Ignore error
}

if ( themeId === 'default' ) {
document.documentElement.removeAttribute( 'data-theme' );
} else {
document.documentElement.setAttribute( 'data-theme', themeId );
}
}

// Initialize theme immediately
ensureThemeStylesLoaded();
applyTheme( getSavedTheme() );

// Wait for DOM
const domReady = function ( callback ) {
if ( document.readyState === 'loading' ) {
document.addEventListener( 'DOMContentLoaded', callback );
} else {
setTimeout( callback, 0 );
}
};

domReady( function () {
// Prevent duplicate injection
if ( document.getElementById( 'mw-theme-floating' ) ) {
return;
}

// Create Floating Container
// ID matches CSS: #mw-theme-floating
const container = document.createElement( 'div' );
container.id = 'mw-theme-floating';

// Create Inner Wrapper
// Class matches CSS: .themeMenu
const themeMenuDiv = document.createElement( 'div' );
themeMenuDiv.className = 'themeMenu';

// Create Toggle Button
// Class matches CSS: .themeMenu-toggle
const btn = document.createElement( 'button' );
btn.className = 'themeMenu-toggle';
btn.textContent = 'Appearence';
btn.title = 'Change appearence';
btn.type = 'button';

// Create Dropdown List
// Class matches CSS: .themeMenu-dropdown
const dropdown = document.createElement( 'ul' );
dropdown.className = 'themeMenu-dropdown';

// Populate Items
themes.forEach( function ( theme ) {
// Item Wrapper
// CSS doesn't strictly require this wrapper for floating,
// but theme-menu.css might use .themeMenu-itemWrap
const itemWrap = document.createElement( 'li' );
itemWrap.className = 'themeMenu-itemWrap';

const themeLink = document.createElement( 'a' );
themeLink.className = 'themeMenu-item';
themeLink.href = '#';
themeLink.textContent = theme.name;
themeLink.dataset.themeId = theme.id;

// Highlight current
const currentTheme = getSavedTheme();
if ( theme.id === currentTheme ) {
themeLink.classList.add( 'is-current' );
}

themeLink.addEventListener( 'click', function ( e ) {
e.preventDefault();
ensureThemeStylesLoaded();
applyTheme( theme.id );

// Update highlighting
dropdown.querySelectorAll( '.themeMenu-item' ).forEach( function ( link ) {
link.classList.remove( 'is-current' );
} );
themeLink.classList.add( 'is-current' );

// Close menu
themeMenuDiv.classList.remove( 'is-open' );
} );

itemWrap.appendChild( themeLink );
dropdown.appendChild( itemWrap );
} );

// Toggle Logic
// CSS uses .themeMenu.is-open .themeMenu-dropdown { display: block }
btn.addEventListener( 'click', function ( e ) {
e.preventDefault();
e.stopPropagation();
themeMenuDiv.classList.toggle( 'is-open' );
} );

// Click Outside Logic
document.addEventListener( 'click', function ( e ) {
if ( !themeMenuDiv.contains( e.target ) ) {
themeMenuDiv.classList.remove( 'is-open' );
}
} );

// Assemble
themeMenuDiv.appendChild( btn );
themeMenuDiv.appendChild( dropdown );
container.appendChild( themeMenuDiv );

// Inject into Body
document.body.appendChild( container );
} );

}() );

(function () {
'use strict';

const CONFIG = {
SELECTORS: {
COLLAPSIBLE_HEADER: '.collapsible-header',
COLLAPSIBLE_BUTTON: '.collapsible'
},
CLASSES: {
ACTIVE: 'active',
EXPANDED: 'expanded'
}
};

function safeQuerySelectorAll(selector, context = document) {
try {
return context.querySelectorAll(selector);
} catch (error) {
console.warn(`Invalid selector '${selector}':`, error);
return [];
}
}

const CollapsibleSections = {
initCollapsibleHeaders: function () {
const headers = safeQuerySelectorAll(CONFIG.SELECTORS.COLLAPSIBLE_HEADER);

headers.forEach(header => {
header.addEventListener('click', (event) => {
event.preventDefault();

const section = header.parentElement;
const content = section.querySelector('.collapsible-content');

if (content) {
const isExpanded = section.classList.contains(CONFIG.CLASSES.EXPANDED);

if (isExpanded) {
section.classList.remove(CONFIG.CLASSES.EXPANDED);
content.style.maxHeight = '0';
} else {
section.classList.add(CONFIG.CLASSES.EXPANDED);
content.style.maxHeight = content.scrollHeight + 'px';
}
}
});
});
},

initCollapsibleButtons: function () {
const buttons = safeQuerySelectorAll(CONFIG.SELECTORS.COLLAPSIBLE_BUTTON);

buttons.forEach(button => {
button.addEventListener('click', (event) => {
event.preventDefault();

const content = button.nextElementSibling;

if (content && content.classList.contains('collapsible-content')) {
const isActive = button.classList.contains(CONFIG.CLASSES.ACTIVE);

if (isActive) {
button.classList.remove(CONFIG.CLASSES.ACTIVE);
content.style.maxHeight = '0';
} else {
button.classList.add(CONFIG.CLASSES.ACTIVE);
content.style.maxHeight = content.scrollHeight + 'px';
}
}
});
});
},

init: function () {
this.initCollapsibleHeaders();
this.initCollapsibleButtons();
}
};

if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', CollapsibleSections.init.bind(CollapsibleSections));
} else {
CollapsibleSections.init();
}
})();

/*
Propósito da funcionalidade:
- Oferecer um sistema de recomendação de “Guardian type” baseado em opções selecionadas pelo usuário.
- Controlar accordion de seções (`.guardian-accordion`) e permitir abrir diretamente por nível de dificuldade (1–5).
- Calcular a recomendação pela contagem de votos dos `.decision-options .option.selected`, resolvendo empates escolhendo o tipo mais “difícil”.
- Atualizar o texto em `#recommendedType` e destacar visualmente o tipo recomendado com a classe `recommended`.
- Expor funções globais para uso em HTML/conteúdo do wiki:
- `window.updateGuardianRecommendation()`
- `window.showGuardianByDifficulty(level)`
*/

(function () {
'use strict';

const CONFIG = {
SELECTORS: {
GUARDIAN_ACCORDION: '.guardian-accordion'
},
CLASSES: {
ACTIVE: 'active',
RECOMMENDED: 'recommended'
},
DELAYS: {
ACCORDION_SCROLL_DELAY: 300
}
};

function safeGetElementById(id) {
try {
return document.getElementById(id);
} catch (error) {
console.warn(`Element with ID '${id}' not found:`, error);
return null;
}
}

function safeQuerySelectorAll(selector, context = document) {
try {
return context.querySelectorAll(selector);
} catch (error) {
console.warn(`Invalid selector '${selector}':`, error);
return [];
}
}

function safeQuerySelector(selector, context = document) {
try {
return context.querySelector(selector);
} catch (error) {
console.warn(`Invalid selector '${selector}':`, error);
return null;
}
}

function isElementInViewport(element) {
if (!element) return false;

const rect = element.getBoundingClientRect();
return (
rect.top >= 0 &&
rect.left >= 0 &&
rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
rect.right <= (window.innerWidth || document.documentElement.clientWidth)
);
}

const GuardianDecisionHelper = {
DIFFICULTY_MAP: {
'1': 'regular',
'2': 'mighty',
'3': 'legendary',
'4': 'superior',
'5': 'accomplished'
},

TYPE_DESCRIPTIONS: {
'regular': 'Perfect for beginners with limited time',
'mighty': 'Good balance of effort and power',
'legendary': 'Excellent for endgame content',
'superior': 'For dedicated players seeking optimization',
'accomplished': 'For true perfectionists'
},

initAccordion: function () {
const accordions = safeQuerySelectorAll(CONFIG.SELECTORS.GUARDIAN_ACCORDION);

accordions.forEach(accordion => {
accordion.addEventListener('click', function () {
this.classList.toggle(CONFIG.CLASSES.ACTIVE);
const panel = this.nextElementSibling;

if (panel) {
if (panel.style.maxHeight) {
panel.style.maxHeight = null;
} else {
panel.style.maxHeight = panel.scrollHeight + 'px';
}
}
});
});
},

showGuardianByDifficulty: function (level) {
const accordions = safeQuerySelectorAll(CONFIG.SELECTORS.GUARDIAN_ACCORDION);

accordions.forEach(accordion => {
accordion.classList.remove(CONFIG.CLASSES.ACTIVE);
const panel = accordion.nextElementSibling;
if (panel) {
panel.style.maxHeight = null;
}
});

const guardianType = this.DIFFICULTY_MAP[level];
if (guardianType) {
const targetAccordion = safeQuerySelector(`.${guardianType}-accordion`);
if (targetAccordion) {
targetAccordion.classList.add(CONFIG.CLASSES.ACTIVE);
const panel = targetAccordion.nextElementSibling;
if (panel) {
panel.style.maxHeight = panel.scrollHeight + 'px';
}

setTimeout(() => {
targetAccordion.scrollIntoView({
behavior: 'smooth',
block: 'center'
});
}, CONFIG.DELAYS.ACCORDION_SCROLL_DELAY);
}
}
},

initDecisionHelper: function () {
const options = safeQuerySelectorAll('.decision-options .option');

options.forEach(option => {
option.addEventListener('click', function () {
const siblings = this.parentElement.querySelectorAll('.option');
siblings.forEach(sibling => sibling.classList.remove('selected'));

this.classList.add('selected');

GuardianDecisionHelper.updateRecommendation();
});
});
},

updateRecommendation: function () {
const selectedOptions = safeQuerySelectorAll('.decision-options .option.selected');
const recommendedTypeElement = safeGetElementById('recommendedType');

if (!recommendedTypeElement) return;

if (selectedOptions.length === 0) {
recommendedTypeElement.textContent = 'Select options above';
return;
}

const votes = {
'regular': 0,
'mighty': 0,
'legendary': 0,
'superior': 0,
'accomplished': 0
};

selectedOptions.forEach(option => {
const types = option.getAttribute('data-type');
if (types) {
types.split(',').forEach(type => {
if (votes.hasOwnProperty(type.trim())) {
votes[type.trim()]++;
}
});
}
});

let maxVotes = 0;
let recommendedType = '';
let tiedTypes = [];

for (const type in votes) {
if (votes[type] > maxVotes) {
maxVotes = votes[type];
recommendedType = type;
tiedTypes = [type];
} else if (votes[type] === maxVotes && maxVotes > 0) {
tiedTypes.push(type);
}
}

if (tiedTypes.length > 1) {
const difficultyOrder = ['regular', 'mighty', 'legendary', 'superior', 'accomplished'];
let highestDifficultyIndex = -1;

tiedTypes.forEach(type => {
const typeIndex = difficultyOrder.indexOf(type);
if (typeIndex > highestDifficultyIndex) {
highestDifficultyIndex = typeIndex;
recommendedType = type;
}
});
}

const formattedType = recommendedType.charAt(0).toUpperCase() + recommendedType.slice(1) + ' Guardian';
const description = this.TYPE_DESCRIPTIONS[recommendedType] || '';
const recommendationText = `${formattedType} - ${description}`;

recommendedTypeElement.textContent = recommendationText;
this.highlightRecommendedType(recommendedType);
},

highlightRecommendedType: function (type) {
const accordions = safeQuerySelectorAll(CONFIG.SELECTORS.GUARDIAN_ACCORDION);
accordions.forEach(accordion => {
accordion.classList.remove(CONFIG.CLASSES.RECOMMENDED);
});

const recommendedAccordion = safeQuerySelector(`.${type}-accordion`);
if (recommendedAccordion) {
recommendedAccordion.classList.add(CONFIG.CLASSES.RECOMMENDED);

if (!isElementInViewport(recommendedAccordion)) {
recommendedAccordion.scrollIntoView({
behavior: 'smooth',
block: 'center'
});
}
}
},

init: function () {
const hasGuardianElements =
safeQuerySelector(CONFIG.SELECTORS.GUARDIAN_ACCORDION) ||
safeQuerySelector('.decision-options');

if (hasGuardianElements) {
this.initAccordion();
this.initDecisionHelper();

window.updateGuardianRecommendation = this.updateRecommendation.bind(this);
window.showGuardianByDifficulty = this.showGuardianByDifficulty.bind(this);
}
}
};

if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', GuardianDecisionHelper.init.bind(GuardianDecisionHelper));
} else {
GuardianDecisionHelper.init();
}
})();

/*
Propósito da funcionalidade:
- Converter marcação de links no estilo MediaWiki escrita como texto (ex.: `[[Titulo]]` ou `[[Titulo|Texto]]`)
em links HTML reais (`<a href="...">`).
- Ignorar contextos onde essa conversão não deve acontecer (scripts, editores, formulários, etc.).
- Preservar links `File:`/`Image:` como texto, sem conversão.
- Gerar URLs usando `mw.util.getUrl()` quando disponível, com fallback para `index.php?title=...`.
*/

(function () {
'use strict';

function isInExcludedContext(node) {
if (!node || !node.parentElement) return false;

const excludedSelectors = [
'script', 'style', 'textarea', 'input', 'select', 'option',
'.ve-ui-surface', '.mw-editform', '.CodeMirror', '.cm-editor', '.ace_editor'
].join(', ');

return !!node.parentElement.closest(excludedSelectors);
}

const WikiLinkProcessor = {
processWikiLinks: function () {
if (!document.body || document.body.textContent.indexOf('[[') === -1) {
return;
}

const walker = document.createTreeWalker(
document.body,
NodeFilter.SHOW_TEXT,
null,
false
);

const textNodes = [];
let node;

while ((node = walker.nextNode())) {
const value = node.nodeValue;
if (!value || value.indexOf('[[') === -1 || isInExcludedContext(node)) {
continue;
}
textNodes.push(node);
}

const linkRegex = /\[\[([^\|\]]+)(?:\|([^\]]+))?\]\]/g;

textNodes.forEach(textNode => {
const sourceText = textNode.nodeValue;
if (!linkRegex.test(sourceText)) return;

linkRegex.lastIndex = 0;

const parent = textNode.parentNode;
const fragment = document.createDocumentFragment();
let lastIndex = 0;
let match;

while ((match = linkRegex.exec(sourceText)) !== null) {
if (match.index > lastIndex) {
fragment.appendChild(
document.createTextNode(sourceText.slice(lastIndex, match.index))
);
}

const rawTitle = (match[1] || '').trim();
const displayText = (match[2] != null ? match[2] : rawTitle).trim();

if (/^(File:|Image:)/i.test(rawTitle)) {
// Handle File/Image links
const cleanFilename = rawTitle.replace(/^(File:|Image:)/i, '').trim();
const parts = displayText.split('|');
let caption = '';
let isThumb = false;

// Basic parser for options (thumb, caption)
// Assumes the last part is the caption if it's not a keyword
// This is a simplified parser compared to full MediaWiki
parts.forEach((part, index) => {
const p = part.trim().toLowerCase();
if (p === 'thumb' || p === 'thumbnail') {
isThumb = true;
} else if (['left', 'right', 'center', 'none', 'frame', 'frameless', 'border'].includes(p)) {
// Alignment/Frame options - currently ignored or could be added as classes
} else if (p.match(/^\d+px$/)) {
// Size option - currently ignored
} else {
// Assume it's caption (usually the last one, but we take the last non-keyword)
caption = part.trim();
}
});

// Use Special:FilePath to get the image source
const src = (window.mw && window.mw.util && typeof window.mw.util.getUrl === 'function')
? window.mw.util.getUrl('Special:FilePath/' + cleanFilename)
: ('index.php?title=Special:FilePath/' + encodeURIComponent(cleanFilename));

if (isThumb) {
// Create structure: <div class="image-container"><img ...><div class="image-caption">...</div></div>
const container = document.createElement('div');
container.className = 'image-container';

const img = document.createElement('img');
img.setAttribute('src', src);
img.setAttribute('alt', caption || cleanFilename);
container.appendChild(img);

if (caption) {
const capDiv = document.createElement('div');
capDiv.className = 'image-caption';
capDiv.textContent = caption;
container.appendChild(capDiv);
}

fragment.appendChild(container);
} else {
// Inline image or simple image
const img = document.createElement('img');
img.setAttribute('src', src);
img.setAttribute('alt', caption || cleanFilename);
fragment.appendChild(img);
}
} else {
const cleanTitle = rawTitle.charAt(0) === ':' ? rawTitle.slice(1) : rawTitle;

const href = (window.mw && window.mw.util && typeof window.mw.util.getUrl === 'function')
? window.mw.util.getUrl(cleanTitle)
: ('index.php?title=' + encodeURIComponent(cleanTitle));

const anchor = document.createElement('a');
anchor.className = 'mw-link-internal';
anchor.setAttribute('href', href);
anchor.appendChild(document.createTextNode(displayText));
fragment.appendChild(anchor);
}

lastIndex = linkRegex.lastIndex;
}

if (lastIndex < sourceText.length) {
fragment.appendChild(
document.createTextNode(sourceText.slice(lastIndex))
);
}

parent.insertBefore(fragment, textNode);
parent.removeChild(textNode);
});
},

init: function () {
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', this.processWikiLinks);
} else {
this.processWikiLinks();
}
}
};

WikiLinkProcessor.init();
})();

Explorer Zorra Box

2026-01-29T07:06:45Z

Noorisei:

MediaWiki:Common.js

2026-01-29T07:04:58Z

Noorisei:

/*
Propósito da funcionalidade:
- Criar e controlar um botão “voltar ao topo” que aparece após rolar a página.
- Exibir/ocultar com classes (`show` e `pulse`) e realizar rolagem suave até o topo ao clicar.
- Inserir automaticamente o botão no `document.body` e registrar listeners de `scroll` (passivo) e `click`.
*/

(function () {
'use strict';

const CONFIG = {
CLASSES: {
SHOW: 'show',
PULSE: 'pulse'
}
};

const BackToTop = {
button: null,
isVisible: false,
scrollThreshold: 300,

createButton: function () {
const button = document.createElement('button');
button.className = 'btt-button';
button.setAttribute('aria-label', 'Voltar ao topo');
button.setAttribute('title', 'Voltar ao topo');
document.body.appendChild(button);
return button;
},

showButton: function () {
if (!this.isVisible && this.button) {
this.button.classList.add(CONFIG.CLASSES.SHOW);
this.button.classList.add(CONFIG.CLASSES.PULSE);
this.isVisible = true;

setTimeout(() => {
if (this.button) {
this.button.classList.remove(CONFIG.CLASSES.PULSE);
}
}, 6000);
}
},

hideButton: function () {
if (this.isVisible && this.button) {
this.button.classList.remove(CONFIG.CLASSES.SHOW);
this.button.classList.remove(CONFIG.CLASSES.PULSE);
this.isVisible = false;
}
},

handleScroll: function () {
const scrollTop = window.pageYOffset || document.documentElement.scrollTop;

if (scrollTop > this.scrollThreshold) {
this.showButton();
} else {
this.hideButton();
}
},

handleClick: function () {
window.scrollTo({
top: 0,
behavior: 'smooth'
});
},

init: function () {
this.button = this.createButton();

const boundHandleScroll = this.handleScroll.bind(this);
const boundHandleClick = this.handleClick.bind(this);

window.addEventListener('scroll', boundHandleScroll, { passive: true });
this.button.addEventListener('click', boundHandleClick);

this.handleScroll();

console.log('Back to Top button initialized');
}
};

if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', BackToTop.init.bind(BackToTop));
} else {
BackToTop.init();
}
})();

/*
Propósito da funcionalidade:
- Permitir navegação por clique em “cards” que tenham atributo `data-link`.
- Suportar três tipos de destino:
- Âncoras internas (ex.: `#secao`) com rolagem suave.
- URLs externas absolutas (`http://` ou `https://`).
- Títulos de páginas MediaWiki, resolvidos via `mw.util.getUrl()` quando disponível.
*/

(function () {
'use strict';

const CONFIG = {
SELECTORS: {
CARD_LINKS: '.card[data-link], .destaque-card[data-link]'
}
};

function safeQuerySelector(selector, context = document) {
try {
return context.querySelector(selector);
} catch (error) {
console.warn(`Invalid selector '${selector}':`, error);
return null;
}
}

const NavigationHandlers = {
handleCardClick: function (event) {
const card = event.target.closest(CONFIG.SELECTORS.CARD_LINKS);
if (!card) return;

const link = card.getAttribute('data-link');
if (!link) return;

if (link.charAt(0) === '#') {
event.preventDefault();
const anchorElement = safeQuerySelector(link);
if (anchorElement) {
anchorElement.scrollIntoView({ behavior: 'smooth', block: 'start' });
}
return;
}

if (/^https?:\/\//i.test(link)) {
window.location.href = link;
return;
}

const targetUrl = (window.mw && window.mw.util && typeof window.mw.util.getUrl === 'function')
? window.mw.util.getUrl(link)
: ('index.php?title=' + encodeURIComponent(link));

window.location.href = targetUrl;
},

init: function () {
document.addEventListener('click', this.handleCardClick, false);
}
};

if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', NavigationHandlers.init.bind(NavigationHandlers));
} else {
NavigationHandlers.init();
}
})();

/*
Propósito da funcionalidade:
- Criar um menu “hamburger” para abrir/fechar a sidebar no skin `vector-legacy`.
- Alternar classes (`mobile-open`, `sidebar-open`, `active`) para controlar layout em mobile.
- Fechar a sidebar ao clicar fora do painel ou ao pressionar `Escape`.
*/

(function () {
'use strict';

const CONFIG = {
CLASSES: {
ACTIVE: 'active',
MOBILE_OPEN: 'mobile-open',
SIDEBAR_OPEN: 'sidebar-open'
}
};

function safeGetElementById(id) {
try {
return document.getElementById(id);
} catch (error) {
console.warn(`Element with ID '${id}' not found:`, error);
return null;
}
}

function safeQuerySelector(selector, context = document) {
try {
return context.querySelector(selector);
} catch (error) {
console.warn(`Invalid selector '${selector}':`, error);
return null;
}
}

const MobileInterface = {
initialized: false,

getPanel: function () {
return safeGetElementById('mw-panel');
},

isApplicable: function () {
return document.body.classList.contains('skin-vector-legacy') && !!this.getPanel();
},

createHamburgerMenu: function () {
if (this.initialized) return;
if (!this.isApplicable()) {
return;
}

if (document.querySelector('.mobile-hamburger-menu')) {
this.initialized = true;
return;
}

const panel = this.getPanel();
if (!panel) return;

const hamburger = document.createElement('button');
hamburger.className = 'mobile-hamburger-menu';
hamburger.setAttribute('aria-label', 'Toggle navigation menu');
hamburger.setAttribute('type', 'button');
hamburger.innerHTML = '<span></span><span></span><span></span>';

const content = safeGetElementById('content') || safeQuerySelector('.mw-body');
if (content && content.parentNode) {
content.parentNode.insertBefore(hamburger, content);
}

const toggleSidebar = () => {
panel.classList.toggle(CONFIG.CLASSES.MOBILE_OPEN);
hamburger.classList.toggle(CONFIG.CLASSES.ACTIVE);
document.body.classList.toggle(CONFIG.CLASSES.SIDEBAR_OPEN);
try {
const open = panel.classList.contains(CONFIG.CLASSES.MOBILE_OPEN);
document.dispatchEvent(new CustomEvent('cora:mobile-sidebar-toggle', { detail: { open } }));
} catch (e) {
document.dispatchEvent(new Event('cora:mobile-sidebar-toggle'));
}
};

hamburger.addEventListener('click', (event) => {
event.preventDefault();
event.stopPropagation();
toggleSidebar();
});

document.addEventListener('click', (event) => {
if (panel.classList.contains(CONFIG.CLASSES.MOBILE_OPEN) &&
!panel.contains(event.target) &&
!hamburger.contains(event.target)) {
panel.classList.remove(CONFIG.CLASSES.MOBILE_OPEN);
hamburger.classList.remove(CONFIG.CLASSES.ACTIVE);
document.body.classList.remove(CONFIG.CLASSES.SIDEBAR_OPEN);
}
});

document.addEventListener('keydown', (event) => {
if (event.key === 'Escape' && panel.classList.contains(CONFIG.CLASSES.MOBILE_OPEN)) {
panel.classList.remove(CONFIG.CLASSES.MOBILE_OPEN);
hamburger.classList.remove(CONFIG.CLASSES.ACTIVE);
document.body.classList.remove(CONFIG.CLASSES.SIDEBAR_OPEN);
}
});

this.initialized = true;
},

init: function () {
this.createHamburgerMenu();
}
};

if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', MobileInterface.init.bind(MobileInterface));
} else {
MobileInterface.init();
}
})();
/*
Propósito da funcionalidade:
- Tornar os portais/menus laterais do skin `vector-legacy` colapsáveis.
- Colapsar automaticamente todas as seções do painel (exceto a primeira) ao iniciar.
- Persistir estado expandido/colapsado por seção via `localStorage` usando prefixo `sidebar-<id>`.
- Ajustar alturas (`maxHeight`) ao expandir/colapsar e recalcular em `resize`.
*/

(function () {
'use strict';

const CONFIG = {
CLASSES: {
COLLAPSED: 'collapsed'
},
STORAGE_KEYS: {
SIDEBAR_PREFIX: 'sidebar-'
}
};

function ensureSidebarStyles() {
if (document.getElementById('cora-sidebar-collapsible-styles')) return;
const style = document.createElement('style');
style.id = 'cora-sidebar-collapsible-styles';
style.textContent =
'body.skin-vector-legacy #mw-panel .vector-menu-content,body.skin-vector-legacy #mw-panel .portal .body{overflow:hidden;transition:max-height .4s ease,opacity .3s ease;opacity:1}' +
'body.skin-vector-legacy #mw-panel .vector-menu-portal.collapsed .vector-menu-content,body.skin-vector-legacy #mw-panel .portal.collapsed .body{max-height:0!important;opacity:0;padding:0}' +
'body.skin-vector-legacy #mw-panel .vector-menu-portal .vector-menu-heading,body.skin-vector-legacy #mw-panel .portal h3{cursor:pointer;user-select:none}';
document.head.appendChild(style);
}

function safeGetElementById(id) {
try {
return document.getElementById(id);
} catch (error) {
console.warn(`Element with ID '${id}' not found:`, error);
return null;
}
}

function safeQuerySelectorAll(selector, context = document) {
try {
return context.querySelectorAll(selector);
} catch (error) {
console.warn(`Invalid selector '${selector}':`, error);
return [];
}
}

function safeGetLocalStorage(key, defaultValue = '') {
try {
return localStorage.getItem(key) || defaultValue;
} catch (error) {
console.warn(`localStorage access failed for key '${key}':`, error);
return defaultValue;
}
}

function safeSetLocalStorage(key, value) {
try {
localStorage.setItem(key, value);
return true;
} catch (error) {
console.warn(`localStorage write failed for key '${key}':`, error);
return false;
}
}

const SidebarManager = {
portals: null,
getPortalId: function (portal) {
const heading = portal.querySelector('.vector-menu-heading, h3');
if (heading) {
return heading.textContent.trim().toLowerCase().replace(/\s+/g, '-');
}
return 'unknown-portal';
},

syncExpandedHeights: function () {
if (!this.portals) return;
this.portals.forEach(portal => {
if (portal.classList.contains(CONFIG.CLASSES.COLLAPSED)) return;
const content = portal.querySelector('.vector-menu-content, .body');
if (!content) return;
content.style.maxHeight = content.scrollHeight + 'px';
content.style.opacity = '1';
});
},

initSidebarCollapsible: function () {
if (!document.body.classList.contains('skin-vector-legacy')) {
return;
}

const panel = safeGetElementById('mw-panel');
if (!panel) return;

ensureSidebarStyles();

const portals = safeQuerySelectorAll('.vector-menu-portal, .portal', panel);
this.portals = Array.from(portals);

portals.forEach((portal, index) => {
if (index > 0) {
portal.classList.add(CONFIG.CLASSES.COLLAPSED);
const content = portal.querySelector('.vector-menu-content, .body');
if (content) {
content.style.maxHeight = '0';
content.style.opacity = '0';
}
}
});

const headings = safeQuerySelectorAll('.vector-menu-heading, .portal h3', panel);

headings.forEach(heading => {
heading.addEventListener('click', (event) => {
event.preventDefault();
event.stopPropagation();

const portal = heading.closest('.vector-menu-portal, .portal');
if (!portal) return;

const content = portal.querySelector('.vector-menu-content, .body');
if (!content) return;

const isCollapsed = portal.classList.contains(CONFIG.CLASSES.COLLAPSED);
const portalId = this.getPortalId(portal);

if (isCollapsed) {
portal.classList.remove(CONFIG.CLASSES.COLLAPSED);
content.style.maxHeight = content.scrollHeight + 'px';
content.style.opacity = '1';
safeSetLocalStorage(CONFIG.STORAGE_KEYS.SIDEBAR_PREFIX + portalId, 'expanded');
} else {
portal.classList.add(CONFIG.CLASSES.COLLAPSED);
content.style.maxHeight = '0';
content.style.opacity = '0';
safeSetLocalStorage(CONFIG.STORAGE_KEYS.SIDEBAR_PREFIX + portalId, 'collapsed');
}
});
});

portals.forEach((portal, index) => {
if (index === 0) return;

const savedState = safeGetLocalStorage(CONFIG.STORAGE_KEYS.SIDEBAR_PREFIX + this.getPortalId(portal));
const content = portal.querySelector('.vector-menu-content, .body');

if (savedState === 'expanded' && content) {
portal.classList.remove(CONFIG.CLASSES.COLLAPSED);
content.style.maxHeight = content.scrollHeight + 'px';
content.style.opacity = '1';
}
});

window.addEventListener('resize', () => {
this.syncExpandedHeights();
});

document.addEventListener('cora:mobile-sidebar-toggle', () => {
this.syncExpandedHeights();
});
},

init: function () {
this.initSidebarCollapsible();
}
};

if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', SidebarManager.init.bind(SidebarManager));
} else {
SidebarManager.init();
}
})();

/*
Propósito da funcionalidade:
- Abrir imagens em um “lightbox” (overlay) ao clicar, permitindo ampliar e visualizar com foco.
- Fechar ao clicar no fundo do overlay ou ao pressionar `Escape`.
- Bloquear rolagem do body enquanto o overlay estiver aberto e restaurar ao fechar.
- Exibir legenda baseada em `.image-container .image-caption` ou no `alt` da imagem.
- Adaptar a cor do fundo e da legenda ao tema atual via atributo `data-theme` no `<html>`.
*/

(function () {
'use strict';

const ImageLightbox = {
overlay: null,
bodyOverflow: '',
init: function () {
document.addEventListener('click', this.handleDocumentClick.bind(this), false);
},
shouldIgnoreClick: function (target) {
if (!target || !target.closest) return false;
if (target.closest('a[href]')) return true;
if (target.closest('.nav-tabs, .nav-tab, .nav-tab-fgod, .nested-tabs, .nested-tab')) return true;
return false;
},
buildOverlay: function () {
const overlay = document.createElement('div');
overlay.className = 'image-lightbox-overlay';
const theme = document.documentElement.getAttribute('data-theme') || 'light';
const bg = theme === 'dark' ? 'rgba(0,0,0,0.85)' : 'rgba(0,0,0,0.7)';
overlay.style.position = 'fixed';
overlay.style.top = '0';
overlay.style.right = '0';
overlay.style.bottom = '0';
overlay.style.left = '0';
overlay.style.display = 'flex';
overlay.style.alignItems = 'center';
overlay.style.justifyContent = 'center';
overlay.style.background = bg;
overlay.style.zIndex = '9999';
overlay.style.padding = '2vw';
overlay.style.cursor = 'zoom-out';
overlay.setAttribute('role', 'dialog');
overlay.setAttribute('aria-modal', 'true');
overlay.addEventListener('click', (e) => { if (e.target === overlay) this.close(); });
document.addEventListener('keydown', this.handleKeydown);
return overlay;
},
handleKeydown: function (e) {
if (e.key === 'Escape') {
const self = ImageLightbox;
if (self.overlay) { self.close(); }
}
},
findImageFromTarget: function (target) {
const el = target.closest('img, .image-container, .image-grid img');
if (!el) return null;
if (el.tagName && el.tagName.toLowerCase() === 'img') return el;
const img = el.querySelector('img');
return img || null;
},
handleDocumentClick: function (e) {
if (this.overlay && this.overlay.contains(e.target)) return;
if (this.shouldIgnoreClick(e.target)) return;
const img = this.findImageFromTarget(e.target);
if (!img) return;
e.preventDefault();
e.stopPropagation();
this.open(img);
},
open: function (img) {
if (this.overlay) return;
this.overlay = this.buildOverlay();
this.bodyOverflow = document.body.style.overflow || '';
document.body.style.overflow = 'hidden';
const content = document.createElement('div');
content.style.position = 'relative';
content.style.maxWidth = '90vw';
content.style.maxHeight = '90vh';
const clone = document.createElement('img');
clone.src = img.currentSrc || img.src;
clone.alt = img.alt || '';
clone.style.maxWidth = '90vw';
clone.style.maxHeight = '90vh';
clone.style.borderRadius = '12px';
clone.style.boxShadow = '0 10px 30px rgba(0,0,0,0.25)';
clone.style.transform = 'scale(0.98)';
clone.style.opacity = '0';
clone.style.transition = 'transform 150ms ease, opacity 150ms ease';
clone.style.willChange = 'transform, opacity';
content.appendChild(clone);
const captionText = this.getCaptionText(img);
if (captionText) {
const caption = document.createElement('div');
caption.textContent = captionText;
caption.style.marginTop = '0.75rem';
caption.style.fontSize = '0.9rem';
caption.style.textAlign = 'center';
const theme = document.documentElement.getAttribute('data-theme') || 'light';
caption.style.color = theme === 'dark' ? '#a8c6e8' : '#666';
content.appendChild(caption);
}
this.overlay.appendChild(content);
document.body.appendChild(this.overlay);
requestAnimationFrame(() => {
clone.style.transform = 'scale(1.25)';
clone.style.opacity = '1';
});
},
getCaptionText: function (img) {
const container = img.closest('.image-container');
const capEl = container ? container.querySelector('.image-caption') : null;
if (capEl && capEl.textContent) {
return capEl.textContent.trim();
}
return img.alt ? img.alt.trim() : '';
},
close: function () {
if (!this.overlay) return;
document.removeEventListener('keydown', this.handleKeydown);
if (this.overlay.parentNode) this.overlay.parentNode.removeChild(this.overlay);
this.overlay = null;
document.body.style.overflow = this.bodyOverflow;
}
};

if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', ImageLightbox.init.bind(ImageLightbox));
} else {
ImageLightbox.init();
}
})();

( function () {
'use strict';

const CONFIG = {
CLASSES: {
EXPANDED: 'expanded'
},
STORAGE_KEYS: {
USER_MENU_STATE: 'user-menu-state',
PERSONAL_MENU_STATE: 'personal-menu-state'
},
BODY_CLASSES: {
HAS_USER_MENU: 'has-user-menu-collapsible',
HAS_PERSONAL_MENU: 'has-personal-menu-collapsible'
}
};

/**
* @typedef {Object} CollapsibleMenuOptions
* @property {string} containerId
* @property {string} containerClass
* @property {string} headerClass
* @property {string} contentClass
* @property {string} listClass
* @property {string} headerText
* @property {string} stateStorageKey
* @property {string} bodyClass
* @property {string[]} itemIds
*/

/**
* @param {string} id
* @return {HTMLElement|null}
*/
function safeGetElementById( id ) {
try {
return document.getElementById( id );
} catch ( error ) {
return null;
}
}

/**
* @param {string} key
* @param {string} [defaultValue]
* @return {string}
*/
function safeGetLocalStorage( key, defaultValue = '' ) {
try {
return localStorage.getItem( key ) || defaultValue;
} catch ( error ) {
return defaultValue;
}
}

/**
* @param {string} key
* @param {string} value
* @return {boolean}
*/
function safeSetLocalStorage( key, value ) {
try {
localStorage.setItem( key, value );
return true;
} catch ( error ) {
return false;
}
}

/**
* @param {CollapsibleMenuOptions} options
* @return {HTMLElement|null}
*/
function buildCollapsibleMenu( options ) {
const existing = safeGetElementById( options.containerId );
if ( existing ) {
return existing;
}

const items = options.itemIds
.map( ( id ) => safeGetElementById( id ) )
.filter( Boolean );
if ( items.length === 0 ) {
return null;
}

const menuContainer = document.createElement( 'div' );
menuContainer.id = options.containerId;
menuContainer.className = options.containerClass;

const menuHeader = document.createElement( 'div' );
menuHeader.className = options.headerClass;
menuHeader.textContent = options.headerText;

menuHeader.addEventListener( 'click', () => {
menuContainer.classList.toggle( CONFIG.CLASSES.EXPANDED );

const state = menuContainer.classList.contains( CONFIG.CLASSES.EXPANDED ) ?
'expanded' :
'collapsed';
safeSetLocalStorage( options.stateStorageKey, state );
} );

const menuContent = document.createElement( 'div' );
menuContent.className = options.contentClass;

const menuList = document.createElement( 'ul' );
menuList.className = options.listClass;

items.forEach( ( item ) => {
if ( item && item.parentNode ) {
menuList.appendChild( item );
}
} );

menuContent.appendChild( menuList );
menuContainer.appendChild( menuHeader );
menuContainer.appendChild( menuContent );
document.body.appendChild( menuContainer );

document.body.classList.add( options.bodyClass );

const savedState = safeGetLocalStorage( options.stateStorageKey );
if ( savedState === 'expanded' ) {
menuContainer.classList.add( CONFIG.CLASSES.EXPANDED );
}

document.addEventListener( 'click', ( event ) => {
const target = event.target;
if (
menuContainer.classList.contains( CONFIG.CLASSES.EXPANDED ) &&
target instanceof Node &&
!menuContainer.contains( target )
) {
menuContainer.classList.remove( CONFIG.CLASSES.EXPANDED );
safeSetLocalStorage( options.stateStorageKey, 'collapsed' );
}
} );

menuContainer.addEventListener( 'mouseenter', () => {
menuContainer.classList.add( CONFIG.CLASSES.EXPANDED );
} );

menuContainer.addEventListener( 'mouseleave', () => {
menuContainer.classList.remove( CONFIG.CLASSES.EXPANDED );
safeSetLocalStorage( options.stateStorageKey, 'collapsed' );
} );

return menuContainer;
}

const UserMenuManager = {
initialized: false,

initUserMenuCollapsible: function () {
if ( this.initialized ) {
return;
}

if ( !document.body.classList.contains( 'skin-vector-legacy' ) ) {
return;
}

const personalTools = safeGetElementById( 'p-personal' );
if ( !personalTools ) {
return;
}

const isLoggedIn = !!safeGetElementById( 'pt-userpage' );
const isAnonymous = !isLoggedIn && !!safeGetElementById( 'pt-login' );

if ( isLoggedIn ) {
buildCollapsibleMenu( {
containerId: 'user-menu-collapsible',
containerClass: 'user-menu-container',
headerClass: 'user-menu-header',
contentClass: 'user-menu-content',
listClass: 'user-menu-list',
headerText: 'User',
stateStorageKey: CONFIG.STORAGE_KEYS.USER_MENU_STATE,
bodyClass: CONFIG.BODY_CLASSES.HAS_USER_MENU,
itemIds: [
'pt-userpage', 'pt-mytalk', 'pt-preferences',
'pt-watchlist', 'pt-mycontris', 'pt-logout'
]
} );
}

if ( isAnonymous ) {
buildCollapsibleMenu( {
containerId: 'personal-menu-collapsible',
containerClass: 'personal-menu-container',
headerClass: 'personal-menu-header',
contentClass: 'personal-menu-content',
listClass: 'personal-menu-list',
headerText: 'User',
stateStorageKey: CONFIG.STORAGE_KEYS.PERSONAL_MENU_STATE,
bodyClass: CONFIG.BODY_CLASSES.HAS_PERSONAL_MENU,
itemIds: [
'pt-login', 'pt-createaccount', 'pt-anonuserpage', 'pt-anontalk'
]
} );
}

this.initialized = true;
},

init: function () {
this.initUserMenuCollapsible();
}
};

if ( document.readyState === 'loading' ) {
document.addEventListener( 'DOMContentLoaded', UserMenuManager.init.bind( UserMenuManager ) );
} else {
UserMenuManager.init();
}
}() );

/*
Propósito da funcionalidade:
- Converter marcação de links no estilo MediaWiki escrita como texto (ex.: `[[Titulo]]` ou `[[Titulo|Texto]]`)
em links HTML reais (`<a href="...">`).
- Ignorar contextos onde essa conversão não deve acontecer (scripts, editores, formulários, etc.).
- Preservar links `File:`/`Image:` como texto, sem conversão.
- Gerar URLs usando `mw.util.getUrl()` quando disponível, com fallback para `index.php?title=...`.
*/

(function () {
'use strict';

function isInExcludedContext(node) {
if (!node || !node.parentElement) return false;

const excludedSelectors = [
'script', 'style', 'textarea', 'input', 'select', 'option',
'.ve-ui-surface', '.mw-editform', '.CodeMirror', '.cm-editor', '.ace_editor'
].join(', ');

return !!node.parentElement.closest(excludedSelectors);
}

const WikiLinkProcessor = {
processWikiLinks: function () {
if (!document.body || document.body.textContent.indexOf('[[') === -1) {
return;
}

const walker = document.createTreeWalker(
document.body,
NodeFilter.SHOW_TEXT,
null,
false
);

const textNodes = [];
let node;

while ((node = walker.nextNode())) {
const value = node.nodeValue;
if (!value || value.indexOf('[[') === -1 || isInExcludedContext(node)) {
continue;
}
textNodes.push(node);
}

const linkRegex = /\[\[([^\|\]]+)(?:\|([^\]]+))?\]\]/g;

textNodes.forEach(textNode => {
const sourceText = textNode.nodeValue;
if (!linkRegex.test(sourceText)) return;

linkRegex.lastIndex = 0;

const parent = textNode.parentNode;
const fragment = document.createDocumentFragment();
let lastIndex = 0;
let match;

while ((match = linkRegex.exec(sourceText)) !== null) {
if (match.index > lastIndex) {
fragment.appendChild(
document.createTextNode(sourceText.slice(lastIndex, match.index))
);
}

const rawTitle = (match[1] || '').trim();
const displayText = (match[2] != null ? match[2] : rawTitle).trim();

if (/^(File:|Image:)/i.test(rawTitle)) {
fragment.appendChild(document.createTextNode(match[0]));
} else {
const cleanTitle = rawTitle.charAt(0) === ':' ? rawTitle.slice(1) : rawTitle;

const href = (window.mw && window.mw.util && typeof window.mw.util.getUrl === 'function')
? window.mw.util.getUrl(cleanTitle)
: ('index.php?title=' + encodeURIComponent(cleanTitle));

const anchor = document.createElement('a');
anchor.className = 'mw-link-internal';
anchor.setAttribute('href', href);
anchor.appendChild(document.createTextNode(displayText));
fragment.appendChild(anchor);
}

lastIndex = linkRegex.lastIndex;
}

if (lastIndex < sourceText.length) {
fragment.appendChild(
document.createTextNode(sourceText.slice(lastIndex))
);
}

parent.insertBefore(fragment, textNode);
parent.removeChild(textNode);
});
},

init: function () {
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', this.processWikiLinks);
} else {
this.processWikiLinks();
}
}
};

WikiLinkProcessor.init();
})();

importScript('MediaWiki:MeuScript.js');

( function () {
'use strict';

function ensureThemeStylesLoaded() {
try {
if ( !window.mw || !mw.loader || !mw.config ) {
return;
}

const skin = mw.config.get( 'skin' ) || 'vector';
const moduleName = 'themeloader.skins.' + skin + '.default';

if ( typeof mw.loader.getState === 'function' ) {
const state = mw.loader.getState( moduleName );
if ( state === null ) {
return;
}
if ( state === 'ready' || state === 'loading' ) {
return;
}
}

mw.loader.load( moduleName );
} catch ( e ) {
// Ignore error
}
}

function getSavedTheme() {
try {
return localStorage.getItem( 'mw-theme' ) || 'default';
} catch ( e ) {
return 'default';
}
}

// Define available themes matching christmas.css roots
const themes = [
{ name: 'Pink', id: 'default' },
{ name: 'Dark', id: 'dark-neutral' },
{ name: 'Christmas', id: 'christmas' },
{ name: 'Power Light', id: 'power-light' },
{ name: 'Magic Light', id: 'magic-light' },
{ name: 'Sense Light', id: 'sense-light' },
{ name: 'Charm Light', id: 'charm-light' },
{ name: 'Power Dark', id: 'power-dark' },
{ name: 'Charm Dark', id: 'charm-dark' },
{ name: 'Magic Dark', id: 'dark-lightBlue' },
{ name: 'Sense Dark', id: 'dark-purple' },
];

// Function to apply theme
function applyTheme( themeId ) {
ensureThemeStylesLoaded();

try {
localStorage.setItem( 'mw-theme', themeId );
} catch ( e ) {
// Ignore error
}

if ( themeId === 'default' ) {
document.documentElement.removeAttribute( 'data-theme' );
} else {
document.documentElement.setAttribute( 'data-theme', themeId );
}
}

// Initialize theme immediately
ensureThemeStylesLoaded();
applyTheme( getSavedTheme() );

// Wait for DOM
const domReady = function ( callback ) {
if ( document.readyState === 'loading' ) {
document.addEventListener( 'DOMContentLoaded', callback );
} else {
setTimeout( callback, 0 );
}
};

domReady( function () {
// Prevent duplicate injection
if ( document.getElementById( 'mw-theme-floating' ) ) {
return;
}

// Create Floating Container
// ID matches CSS: #mw-theme-floating
const container = document.createElement( 'div' );
container.id = 'mw-theme-floating';

// Create Inner Wrapper
// Class matches CSS: .themeMenu
const themeMenuDiv = document.createElement( 'div' );
themeMenuDiv.className = 'themeMenu';

// Create Toggle Button
// Class matches CSS: .themeMenu-toggle
const btn = document.createElement( 'button' );
btn.className = 'themeMenu-toggle';
btn.textContent = 'Appearence';
btn.title = 'Change appearence';
btn.type = 'button';

// Create Dropdown List
// Class matches CSS: .themeMenu-dropdown
const dropdown = document.createElement( 'ul' );
dropdown.className = 'themeMenu-dropdown';

// Populate Items
themes.forEach( function ( theme ) {
// Item Wrapper
// CSS doesn't strictly require this wrapper for floating,
// but theme-menu.css might use .themeMenu-itemWrap
const itemWrap = document.createElement( 'li' );
itemWrap.className = 'themeMenu-itemWrap';

const themeLink = document.createElement( 'a' );
themeLink.className = 'themeMenu-item';
themeLink.href = '#';
themeLink.textContent = theme.name;
themeLink.dataset.themeId = theme.id;

// Highlight current
const currentTheme = getSavedTheme();
if ( theme.id === currentTheme ) {
themeLink.classList.add( 'is-current' );
}

themeLink.addEventListener( 'click', function ( e ) {
e.preventDefault();
ensureThemeStylesLoaded();
applyTheme( theme.id );

// Update highlighting
dropdown.querySelectorAll( '.themeMenu-item' ).forEach( function ( link ) {
link.classList.remove( 'is-current' );
} );
themeLink.classList.add( 'is-current' );

// Close menu
themeMenuDiv.classList.remove( 'is-open' );
} );

itemWrap.appendChild( themeLink );
dropdown.appendChild( itemWrap );
} );

// Toggle Logic
// CSS uses .themeMenu.is-open .themeMenu-dropdown { display: block }
btn.addEventListener( 'click', function ( e ) {
e.preventDefault();
e.stopPropagation();
themeMenuDiv.classList.toggle( 'is-open' );
} );

// Click Outside Logic
document.addEventListener( 'click', function ( e ) {
if ( !themeMenuDiv.contains( e.target ) ) {
themeMenuDiv.classList.remove( 'is-open' );
}
} );

// Assemble
themeMenuDiv.appendChild( btn );
themeMenuDiv.appendChild( dropdown );
container.appendChild( themeMenuDiv );

// Inject into Body
document.body.appendChild( container );
} );

}() );

(function () {
'use strict';

const CONFIG = {
SELECTORS: {
COLLAPSIBLE_HEADER: '.collapsible-header',
COLLAPSIBLE_BUTTON: '.collapsible'
},
CLASSES: {
ACTIVE: 'active',
EXPANDED: 'expanded'
}
};

function safeQuerySelectorAll(selector, context = document) {
try {
return context.querySelectorAll(selector);
} catch (error) {
console.warn(`Invalid selector '${selector}':`, error);
return [];
}
}

const CollapsibleSections = {
initCollapsibleHeaders: function () {
const headers = safeQuerySelectorAll(CONFIG.SELECTORS.COLLAPSIBLE_HEADER);

headers.forEach(header => {
header.addEventListener('click', (event) => {
event.preventDefault();

const section = header.parentElement;
const content = section.querySelector('.collapsible-content');

if (content) {
const isExpanded = section.classList.contains(CONFIG.CLASSES.EXPANDED);

if (isExpanded) {
section.classList.remove(CONFIG.CLASSES.EXPANDED);
content.style.maxHeight = '0';
} else {
section.classList.add(CONFIG.CLASSES.EXPANDED);
content.style.maxHeight = content.scrollHeight + 'px';
}
}
});
});
},

initCollapsibleButtons: function () {
const buttons = safeQuerySelectorAll(CONFIG.SELECTORS.COLLAPSIBLE_BUTTON);

buttons.forEach(button => {
button.addEventListener('click', (event) => {
event.preventDefault();

const content = button.nextElementSibling;

if (content && content.classList.contains('collapsible-content')) {
const isActive = button.classList.contains(CONFIG.CLASSES.ACTIVE);

if (isActive) {
button.classList.remove(CONFIG.CLASSES.ACTIVE);
content.style.maxHeight = '0';
} else {
button.classList.add(CONFIG.CLASSES.ACTIVE);
content.style.maxHeight = content.scrollHeight + 'px';
}
}
});
});
},

init: function () {
this.initCollapsibleHeaders();
this.initCollapsibleButtons();
}
};

if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', CollapsibleSections.init.bind(CollapsibleSections));
} else {
CollapsibleSections.init();
}
})();

/*
Propósito da funcionalidade:
- Oferecer um sistema de recomendação de “Guardian type” baseado em opções selecionadas pelo usuário.
- Controlar accordion de seções (`.guardian-accordion`) e permitir abrir diretamente por nível de dificuldade (1–5).
- Calcular a recomendação pela contagem de votos dos `.decision-options .option.selected`, resolvendo empates escolhendo o tipo mais “difícil”.
- Atualizar o texto em `#recommendedType` e destacar visualmente o tipo recomendado com a classe `recommended`.
- Expor funções globais para uso em HTML/conteúdo do wiki:
- `window.updateGuardianRecommendation()`
- `window.showGuardianByDifficulty(level)`
*/

(function () {
'use strict';

const CONFIG = {
SELECTORS: {
GUARDIAN_ACCORDION: '.guardian-accordion'
},
CLASSES: {
ACTIVE: 'active',
RECOMMENDED: 'recommended'
},
DELAYS: {
ACCORDION_SCROLL_DELAY: 300
}
};

function safeGetElementById(id) {
try {
return document.getElementById(id);
} catch (error) {
console.warn(`Element with ID '${id}' not found:`, error);
return null;
}
}

function safeQuerySelectorAll(selector, context = document) {
try {
return context.querySelectorAll(selector);
} catch (error) {
console.warn(`Invalid selector '${selector}':`, error);
return [];
}
}

function safeQuerySelector(selector, context = document) {
try {
return context.querySelector(selector);
} catch (error) {
console.warn(`Invalid selector '${selector}':`, error);
return null;
}
}

function isElementInViewport(element) {
if (!element) return false;

const rect = element.getBoundingClientRect();
return (
rect.top >= 0 &&
rect.left >= 0 &&
rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
rect.right <= (window.innerWidth || document.documentElement.clientWidth)
);
}

const GuardianDecisionHelper = {
DIFFICULTY_MAP: {
'1': 'regular',
'2': 'mighty',
'3': 'legendary',
'4': 'superior',
'5': 'accomplished'
},

TYPE_DESCRIPTIONS: {
'regular': 'Perfect for beginners with limited time',
'mighty': 'Good balance of effort and power',
'legendary': 'Excellent for endgame content',
'superior': 'For dedicated players seeking optimization',
'accomplished': 'For true perfectionists'
},

initAccordion: function () {
const accordions = safeQuerySelectorAll(CONFIG.SELECTORS.GUARDIAN_ACCORDION);

accordions.forEach(accordion => {
accordion.addEventListener('click', function () {
this.classList.toggle(CONFIG.CLASSES.ACTIVE);
const panel = this.nextElementSibling;

if (panel) {
if (panel.style.maxHeight) {
panel.style.maxHeight = null;
} else {
panel.style.maxHeight = panel.scrollHeight + 'px';
}
}
});
});
},

showGuardianByDifficulty: function (level) {
const accordions = safeQuerySelectorAll(CONFIG.SELECTORS.GUARDIAN_ACCORDION);

accordions.forEach(accordion => {
accordion.classList.remove(CONFIG.CLASSES.ACTIVE);
const panel = accordion.nextElementSibling;
if (panel) {
panel.style.maxHeight = null;
}
});

const guardianType = this.DIFFICULTY_MAP[level];
if (guardianType) {
const targetAccordion = safeQuerySelector(`.${guardianType}-accordion`);
if (targetAccordion) {
targetAccordion.classList.add(CONFIG.CLASSES.ACTIVE);
const panel = targetAccordion.nextElementSibling;
if (panel) {
panel.style.maxHeight = panel.scrollHeight + 'px';
}

setTimeout(() => {
targetAccordion.scrollIntoView({
behavior: 'smooth',
block: 'center'
});
}, CONFIG.DELAYS.ACCORDION_SCROLL_DELAY);
}
}
},

initDecisionHelper: function () {
const options = safeQuerySelectorAll('.decision-options .option');

options.forEach(option => {
option.addEventListener('click', function () {
const siblings = this.parentElement.querySelectorAll('.option');
siblings.forEach(sibling => sibling.classList.remove('selected'));

this.classList.add('selected');

GuardianDecisionHelper.updateRecommendation();
});
});
},

updateRecommendation: function () {
const selectedOptions = safeQuerySelectorAll('.decision-options .option.selected');
const recommendedTypeElement = safeGetElementById('recommendedType');

if (!recommendedTypeElement) return;

if (selectedOptions.length === 0) {
recommendedTypeElement.textContent = 'Select options above';
return;
}

const votes = {
'regular': 0,
'mighty': 0,
'legendary': 0,
'superior': 0,
'accomplished': 0
};

selectedOptions.forEach(option => {
const types = option.getAttribute('data-type');
if (types) {
types.split(',').forEach(type => {
if (votes.hasOwnProperty(type.trim())) {
votes[type.trim()]++;
}
});
}
});

let maxVotes = 0;
let recommendedType = '';
let tiedTypes = [];

for (const type in votes) {
if (votes[type] > maxVotes) {
maxVotes = votes[type];
recommendedType = type;
tiedTypes = [type];
} else if (votes[type] === maxVotes && maxVotes > 0) {
tiedTypes.push(type);
}
}

if (tiedTypes.length > 1) {
const difficultyOrder = ['regular', 'mighty', 'legendary', 'superior', 'accomplished'];
let highestDifficultyIndex = -1;

tiedTypes.forEach(type => {
const typeIndex = difficultyOrder.indexOf(type);
if (typeIndex > highestDifficultyIndex) {
highestDifficultyIndex = typeIndex;
recommendedType = type;
}
});
}

const formattedType = recommendedType.charAt(0).toUpperCase() + recommendedType.slice(1) + ' Guardian';
const description = this.TYPE_DESCRIPTIONS[recommendedType] || '';
const recommendationText = `${formattedType} - ${description}`;

recommendedTypeElement.textContent = recommendationText;
this.highlightRecommendedType(recommendedType);
},

highlightRecommendedType: function (type) {
const accordions = safeQuerySelectorAll(CONFIG.SELECTORS.GUARDIAN_ACCORDION);
accordions.forEach(accordion => {
accordion.classList.remove(CONFIG.CLASSES.RECOMMENDED);
});

const recommendedAccordion = safeQuerySelector(`.${type}-accordion`);
if (recommendedAccordion) {
recommendedAccordion.classList.add(CONFIG.CLASSES.RECOMMENDED);

if (!isElementInViewport(recommendedAccordion)) {
recommendedAccordion.scrollIntoView({
behavior: 'smooth',
block: 'center'
});
}
}
},

init: function () {
const hasGuardianElements =
safeQuerySelector(CONFIG.SELECTORS.GUARDIAN_ACCORDION) ||
safeQuerySelector('.decision-options');

if (hasGuardianElements) {
this.initAccordion();
this.initDecisionHelper();

window.updateGuardianRecommendation = this.updateRecommendation.bind(this);
window.showGuardianByDifficulty = this.showGuardianByDifficulty.bind(this);
}
}
};

if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', GuardianDecisionHelper.init.bind(GuardianDecisionHelper));
} else {
GuardianDecisionHelper.init();
}
})();

/*
Propósito da funcionalidade:
- Converter marcação de links no estilo MediaWiki escrita como texto (ex.: `[[Titulo]]` ou `[[Titulo|Texto]]`)
em links HTML reais (`<a href="...">`).
- Ignorar contextos onde essa conversão não deve acontecer (scripts, editores, formulários, etc.).
- Preservar links `File:`/`Image:` como texto, sem conversão.
- Gerar URLs usando `mw.util.getUrl()` quando disponível, com fallback para `index.php?title=...`.
*/

(function () {
'use strict';

function isInExcludedContext(node) {
if (!node || !node.parentElement) return false;

const excludedSelectors = [
'script', 'style', 'textarea', 'input', 'select', 'option',
'.ve-ui-surface', '.mw-editform', '.CodeMirror', '.cm-editor', '.ace_editor'
].join(', ');

return !!node.parentElement.closest(excludedSelectors);
}

const WikiLinkProcessor = {
processWikiLinks: function () {
if (!document.body || document.body.textContent.indexOf('[[') === -1) {
return;
}

const walker = document.createTreeWalker(
document.body,
NodeFilter.SHOW_TEXT,
null,
false
);

const textNodes = [];
let node;

while ((node = walker.nextNode())) {
const value = node.nodeValue;
if (!value || value.indexOf('[[') === -1 || isInExcludedContext(node)) {
continue;
}
textNodes.push(node);
}

const linkRegex = /\[\[([^\|\]]+)(?:\|([^\]]+))?\]\]/g;

textNodes.forEach(textNode => {
const sourceText = textNode.nodeValue;
if (!linkRegex.test(sourceText)) return;

linkRegex.lastIndex = 0;

const parent = textNode.parentNode;
const fragment = document.createDocumentFragment();
let lastIndex = 0;
let match;

while ((match = linkRegex.exec(sourceText)) !== null) {
if (match.index > lastIndex) {
fragment.appendChild(
document.createTextNode(sourceText.slice(lastIndex, match.index))
);
}

const rawTitle = (match[1] || '').trim();
const displayText = (match[2] != null ? match[2] : rawTitle).trim();

if (/^(File:|Image:)/i.test(rawTitle)) {
// Handle File/Image links
const cleanFilename = rawTitle.replace(/^(File:|Image:)/i, '').trim();
const parts = displayText.split('|');
let caption = '';
let isThumb = false;

// Basic parser for options (thumb, caption)
// Assumes the last part is the caption if it's not a keyword
// This is a simplified parser compared to full MediaWiki
parts.forEach((part, index) => {
const p = part.trim().toLowerCase();
if (p === 'thumb' || p === 'thumbnail') {
isThumb = true;
} else if (['left', 'right', 'center', 'none', 'frame', 'frameless', 'border'].includes(p)) {
// Alignment/Frame options - currently ignored or could be added as classes
} else if (p.match(/^\d+px$/)) {
// Size option - currently ignored
} else {
// Assume it's caption (usually the last one, but we take the last non-keyword)
caption = part.trim();
}
});

// Use Special:FilePath to get the image source
const src = (window.mw && window.mw.util && typeof window.mw.util.getUrl === 'function')
? window.mw.util.getUrl('Special:FilePath/' + cleanFilename)
: ('index.php?title=Special:FilePath/' + encodeURIComponent(cleanFilename));

if (isThumb) {
// Create structure: <div class="image-container"><img ...><div class="image-caption">...</div></div>
const container = document.createElement('div');
container.className = 'image-container';

const img = document.createElement('img');
img.setAttribute('src', src);
img.setAttribute('alt', caption || cleanFilename);
container.appendChild(img);

if (caption) {
const capDiv = document.createElement('div');
capDiv.className = 'image-caption';
capDiv.textContent = caption;
container.appendChild(capDiv);
}

fragment.appendChild(container);
} else {
// Inline image or simple image
const img = document.createElement('img');
img.setAttribute('src', src);
img.setAttribute('alt', caption || cleanFilename);
fragment.appendChild(img);
}
} else {
const cleanTitle = rawTitle.charAt(0) === ':' ? rawTitle.slice(1) : rawTitle;

const href = (window.mw && window.mw.util && typeof window.mw.util.getUrl === 'function')
? window.mw.util.getUrl(cleanTitle)
: ('index.php?title=' + encodeURIComponent(cleanTitle));

const anchor = document.createElement('a');
anchor.className = 'mw-link-internal';
anchor.setAttribute('href', href);
anchor.appendChild(document.createTextNode(displayText));
fragment.appendChild(anchor);
}

lastIndex = linkRegex.lastIndex;
}

if (lastIndex < sourceText.length) {
fragment.appendChild(
document.createTextNode(sourceText.slice(lastIndex))
);
}

parent.insertBefore(fragment, textNode);
parent.removeChild(textNode);
});
},

init: function () {
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', this.processWikiLinks);
} else {
this.processWikiLinks();
}
}
};

WikiLinkProcessor.init();
})();

MediaWiki:FuseBoxes.css

2026-01-29T06:55:47Z

Noorisei:

.bunny-page {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: var(--text);
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}

/* Section Headers */
.section-header h2 {
color: var(--heading);
margin-top: 0;
margin-bottom: 5px;
}

.section-lead {
margin-top: 0;
color: var(--text-muted);
opacity: 0.8;
margin-bottom: 20px;
}

/* Feature Cards */
.feature-card {
background: var(--surface);
border-radius: 16px;
padding: 25px;
margin-bottom: 25px;
border: 1px solid var(--border);
box-shadow: 0 4px 20px var(--shadow-soft);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.feature-card:hover {
transform: translateY(-5px);
box-shadow: 0 8px 25px var(--shadow-medium);
}

.feature-card h4 {
color: var(--heading);
font-size: 1.4em;
margin-top: 0;
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 2px solid var(--border);
}

/* Grid Layout */
.info-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

/* Image Container Overrides for Bunny Theme */
.bunny-page .image-container {
background: var(--surface) !important;
border: 2px solid var(--border) !important;
border-radius: 12px !important;
transition: all 0.3s ease;
}

.bunny-page .image-container:hover {
border-color: var(--primary) !important;
transform: scale(1.02);
}

.bunny-page .image-caption {
color: var(--heading) !important;
font-weight: 600;
background: var(--bg-2);
padding: 5px 10px;
border-radius: 20px;
display: inline-block;
margin-top: 10px;
}

/* Tabs Styling Overrides */
.nav-tabs {
display: flex;
margin-bottom: 25px;
border-bottom: none;
overflow-x: auto;
padding-bottom: 5px;
}

.nav-tab {
background: var(--surface);
border: 2px solid var(--border);
border-radius: 25px;
padding: 10px 20px;
color: var(--text);
font-weight: 600;
cursor: pointer;
transition: all 0.2s ease;
}

.nav-tab.active {
background: var(--primary);
color: var(--surface);
border-color: var(--primary);
box-shadow: 0 4px 12px var(--shadow-strong);
}

.nav-tab:hover:not(.active) {
background: var(--bg-2);
border-color: var(--primary);
}

/* Responsive */
@media (max-width: 768px) {
.hero {
padding: 25px;
}

.hero-title {
font-size: 2em;
}

.info-grid {
grid-template-columns: 1fr;
}
}

PyuPyu’s Exchange (PyuPyu’s Scavenger Hunt)

2026-01-26T18:40:59Z

Noorisei:

<usestyle src="Tabs.css" />
<usestyle src="Img.css" />
<usestyle src="PyuPyu.css" />

<usescript src="TabFocus.js" />
<usescript src="ShowFirstTabs.js" />

<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PyuPyu's Exchange</title>

</head>
<body>
<div class="pyupyu-page">

<div class="pyupyu-hero">
<div class="hero-content-wrapper">
<div class="hero-text">
<h1>PyuPyu's Exchange</h1>
<p>PyuPyu’s Exchange is an exchange found in Skill Garden in Megalopolis that allows you to trade several items on a scavenger hunt around Caballa Island! Each item has its own unique properties as well as items required for them. Here’s a list of them below! Some items required are gotten only by certain means, so make sure to check how to get each as well as a short description of each and a picture to accompany it with its stats! For many items, you will have to go to the Black Market. For more information on the Black Market, go to “How to Get Food Items for PyuPyu’s Exchange” (Coming soon!). Also, every item here is rechargeable if it is timed!</p>

<div class="trivia-box">
<p><span class="trivia-badge">epTO Trivia</span> This feature used to be named Ari's Exchange on epTO!</p>
<p><span class="trivia-badge">epTO Trivia</span> The Driller Girl exchange used to cost 80 coupons on epTO, and each boss broom used to cost 10x each huntable/drillable on epTO!</p>
</div>
</div>
<div class="hero-image-container">
<figure class="hero-image-figure">
<img src="https://mewsie.world/CoraTOWiki/images/0/0c/Ari%27s_exchange_mega_location.png?20241006191749" alt="PyuPyu's Exchange NPC">
<figcaption>PyuPyu's Exchange NPC</figcaption>
</figure>
</div>
</div>
</div>


<nav class="nav-tabs" role="tablist" aria-label="Main sections">
<button id="tabbtn-pets" class="nav-tab active" role="tab" aria-selected="true" aria-controls="tab-pets" data-tab="tab-pets" tabindex="0">
<span class="full-text">Pets & Charms</span><span class="short-text">Pets</span>
</button>
<button id="tabbtn-rings" class="nav-tab" role="tab" aria-selected="false" aria-controls="tab-rings" data-tab="tab-rings" tabindex="-1">
<span class="full-text">Boosters & Rings</span><span class="short-text">Rings</span>
</button>
<button id="tabbtn-brooms" class="nav-tab" role="tab" aria-selected="false" aria-controls="tab-brooms" data-tab="tab-brooms" tabindex="-1">
<span class="full-text">Boss Brooms</span><span class="short-text">Brooms</span>
</button>
</nav>

<main class="content" id="top">

<section id="tab-pets" class="tab-content active" role="tabpanel" aria-labelledby="tabbtn-pets">
<div class="section-header">
<h2>Pets, Sprints & Charms</h2>
<p class="section-lead">Special items and sprint accessories</p>
</div>


<nav class="nested-tabs" role="tablist" aria-label="Pets and Charms categories">
<button id="tabbtn-special" class="nested-tab active" role="tab" aria-selected="true" aria-controls="nested-special" data-tab="nested-special" tabindex="0">
Special Pets
</button>
<button id="tabbtn-charms" class="nested-tab" role="tab" aria-selected="false" aria-controls="nested-charms" data-tab="nested-charms" tabindex="-1">
Charms
</button>
<button id="tabbtn-sprints" class="nested-tab" role="tab" aria-selected="false" aria-controls="nested-sprints" data-tab="nested-sprints" tabindex="-1">
Sprints
</button>
<button id="tabbtn-shoestrings" class="nested-tab" role="tab" aria-selected="false" aria-controls="nested-shoestrings" data-tab="nested-shoestrings" tabindex="-1">
Shoestrings
</button>
</nav>


<div id="nested-special" class="nested-content active" role="tabpanel" aria-labelledby="tabbtn-special">
<div class="exchange-grid">

<div class="exchange-card">
<div class="card-header">
<div class="item-image"><img src="https://mewsie.world/CoraTOWiki/images/7/79/Driller_girl_ari%27s_exchange.png" alt="Mewsie’s Driller Girl"></div>
<div class="item-info">
<h3>Mewsie’s Driller Girl</h3>
<span class="item-meta">15 days • AFK Driller Pet</span>
</div>
</div>
<div class="card-body">
<ul class="cost-list">
<li class="cost-item"><span class="cost-name"><a href="https://mewsie.world/CoraTOWiki/index.php/Daily_Coupons">Daily Coupons</a></span> <span class="cost-qty">20x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Green_Lace.html">Green Lace</a></span> <span class="cost-qty">25x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://oto.fandom.com/wiki/Dango">Dango</a></span> <span class="cost-qty">5x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Garden_Trowel.html">Garden Trowel</a></span> <span class="cost-qty">10x</span></li>
</ul>
</div>
</div>
</div>
</div>


<div id="nested-charms" class="nested-content" role="tabpanel" aria-labelledby="tabbtn-charms">
<div class="exchange-grid">

<div class="exchange-card">
<div class="card-header">
<div class="item-image"><img src="https://mewsie.world/CoraTOWiki/images/f/f6/Kid_angel%27s_strong_charm.png?20240911211112" alt="Kid Angel’s Strong Charm"></div>
<div class="item-info">
<h3>Kid Angel’s Strong Charm</h3>
<span class="item-meta">15 days • Lv 130 Sprint</span>
</div>
</div>
<div class="card-body">
<ul class="cost-list">
<li class="cost-item"><span class="cost-name"><a href="https://mewsie.world/CoraTOWiki/index.php/Daily_Coupons">Daily Coupons</a></span> <span class="cost-qty">20x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Fried_Egg.html">Fried Egg</a></span> <span class="cost-qty">25x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Seabed_Field_1_-_North.html">Empty Liquor Bottle</a> (<a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Seabed_Field_2_-_East.html">x</a>) (<a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Seabed_Field_3_-_Undersea_Park.html">x</a>) (<a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Seabed_Field_4_-_Undersea_Grave.html">x</a>)</span> <span class="cost-qty">25x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://oto.fandom.com/wiki/Ginseng_Strawberry">Ginseng Strawberry</a></span> <span class="cost-qty">5x</span></li>
</ul>
</div>
</div>


<div class="exchange-card">
<div class="card-header">
<div class="item-image"><img src="https://mewsie.world/CoraTOWiki/images/b/be/Kid_demon_strong_charm_stats.png?20240911211223" alt="Kid Demon’s Strong Charm"></div>
<div class="item-info">
<h3>Kid Demon’s Strong Charm</h3>
<span class="item-meta">15 days • Lv 130 Sprint</span>
</div>
</div>
<div class="card-body">
<ul class="cost-list">
<li class="cost-item"><span class="cost-name"><a href="https://mewsie.world/CoraTOWiki/index.php/Daily_Coupons">Daily Coupons</a></span> <span class="cost-qty">20x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Fried_Egg.html">Fried Egg</a></span> <span class="cost-qty">25x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Seabed_Field_1_-_North.html">Empty Liquor Bottle</a> (<a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Seabed_Field_2_-_East.html">x</a>) (<a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Seabed_Field_3_-_Undersea_Park.html">x</a>) (<a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Seabed_Field_4_-_Undersea_Grave.html">x</a>)</span> <span class="cost-qty">25x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://oto.fandom.com/wiki/Ginseng_Strawberry">Ginseng Strawberry</a></span> <span class="cost-qty">5x</span></li>
</ul>
</div>
</div>


<div class="exchange-card">
<div class="card-header">
<div class="item-image"><img src="https://mewsie.world/CoraTOWiki/images/a/ad/Mega_kid_angel_charm.png?20240911211300" alt="Mega Kid Angel Charm"></div>
<div class="item-info">
<h3>Mega Kid Angel Charm</h3>
<span class="item-meta">15 days • Lv 170 Sprint</span>
</div>
</div>
<div class="card-body">
<ul class="cost-list">
<li class="cost-item"><span class="cost-name"><a href="https://mewsie.world/CoraTOWiki/index.php/Daily_Coupons">Daily Coupons</a></span> <span class="cost-qty">30x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Red_Apple.html">Red Apple</a></span> <span class="cost-qty">25x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Rose_Field_1_-_Stairway_to_Sorrow.html">White Powder</a> (<a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Rose_Field_2_-_Maze_of_Black_Rose.html">x</a>) (<a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Rose_Field_3_-_Maze_of_Blue_Rose.html">x</a>) (<a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Rose_Field_4_-_Bloom_Grave.html">x</a>)</span> <span class="cost-qty">25x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Red_Bean_Parfait.html">Red Bean Parfait</a></span> <span class="cost-qty">5x</span></li>
</ul>
</div>
</div>


<div class="exchange-card">
<div class="card-header">
<div class="item-image"><img src="https://mewsie.world/CoraTOWiki/images/7/77/Mega_kid_demon_charm.png?20240911211522" alt="Mega Kid Demon Charm"></div>
<div class="item-info">
<h3>Mega Kid Demon Charm</h3>
<span class="item-meta">15 days • Lv 170 Sprint</span>
</div>
</div>
<div class="card-body">
<ul class="cost-list">
<li class="cost-item"><span class="cost-name"><a href="https://mewsie.world/CoraTOWiki/index.php/Daily_Coupons">Daily Coupons</a></span> <span class="cost-qty">30x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Red_Apple.html">Red Apple</a></span> <span class="cost-qty">25x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Rose_Field_1_-_Stairway_to_Sorrow.html">White Powder</a> (<a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Rose_Field_2_-_Maze_of_Black_Rose.html">x</a>) (<a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Rose_Field_3_-_Maze_of_Blue_Rose.html">x</a>) (<a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Rose_Field_4_-_Bloom_Grave.html">x</a>)</span> <span class="cost-qty">25x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Red_Bean_Parfait.html">Red Bean Parfait</a></span> <span class="cost-qty">5x</span></li>
</ul>
</div>
</div>
</div>
</div>


<div id="nested-sprints" class="nested-content" role="tabpanel" aria-labelledby="tabbtn-sprints">
<div class="exchange-grid">

<div class="exchange-card">
<div class="card-header">
<div class="item-image"><img src="https://mewsie.world/CoraTOWiki/images/8/8e/Mystic_favor_ari%27s_exchange.png?20240911210513" alt="Mystic Favor"></div>
<div class="item-info">
<h3>Mystic Favor</h3>
<span class="item-meta">15 days • Lv 90 Sprint</span>
</div>
</div>
<div class="card-body">
<ul class="cost-list">
<li class="cost-item"><span class="cost-name"><a href="https://mewsie.world/CoraTOWiki/index.php/Daily_Coupons">Daily Coupons</a></span> <span class="cost-qty">10x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Sea_Tiger.html">Seal’s Beard</a></span> <span class="cost-qty">25x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/100_Galder_Coupon.html">100g Coupons</a></span> <span class="cost-qty">25x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://oto.fandom.com/wiki/Rice_Cake_Wrap">Rice Cake Wrap</a></span> <span class="cost-qty">5x</span></li>
</ul>
</div>
</div>


<div class="exchange-card">
<div class="card-header">
<div class="item-image"><img src="https://mewsie.world/CoraTOWiki/images/7/71/Sign_of_charisma_ari%27s_exchange.png?20240911210845" alt="Sign of Charisma"></div>
<div class="item-info">
<h3>Sign of Charisma</h3>
<span class="item-meta">15 days • Lv 90 Sprint</span>
</div>
</div>
<div class="card-body">
<ul class="cost-list">
<li class="cost-item"><span class="cost-name"><a href="https://mewsie.world/CoraTOWiki/index.php/Daily_Coupons">Daily Coupons</a></span> <span class="cost-qty">10x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Sea_Tiger.html">Seal’s Beard</a></span> <span class="cost-qty">25x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/100_Galder_Coupon.html">100g Coupons</a></span> <span class="cost-qty">25x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://oto.fandom.com/wiki/Rice_Cake_Wrap">Rice Cake Wrap</a></span> <span class="cost-qty">5x</span></li>
</ul>
</div>
</div>
</div>
</div>


<div id="nested-shoestrings" class="nested-content" role="tabpanel" aria-labelledby="tabbtn-shoestrings">
<div class="exchange-grid">

<div class="exchange-card">
<div class="card-header">
<div class="item-image"><img src="https://mewsie.world/CoraTOWiki/images/7/7c/Red_shoestring_stats.png?20240911212400" alt="Red Shoestring"></div>
<div class="item-info">
<h3>Red Shoestring</h3>
<span class="item-meta">15 days • Lv 230 Sprint</span>
</div>
</div>
<div class="card-body">
<ul class="cost-list">
<li class="cost-item"><span class="cost-name"><a href="https://mewsie.world/CoraTOWiki/index.php/Daily_Coupons">Daily Coupons</a></span> <span class="cost-qty">40x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Goma.html">Goma Blanket</a></span> <span class="cost-qty">25x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Swamp_Field_1_-_Black_Hole.html">Pottery Doll</a> (<a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Swamp_Field_2_-_Beaver%27s_Swamp.html">x</a>) (<a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Swamp_Field_3_-_Maze_of_Forest.html">x</a>) (<a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Swamp_Field_4_-_Dark_Omen.html">x</a>) (<a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Swamp_Field_5_-_Further_Maze_of_Forest.html">x</a>) (<a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Swamp_Field_6_-_Lake_of_Illusion.html">x</a>)</span> <span class="cost-qty">25x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://oto.fandom.com/wiki/Kimchi">Kimchi</a></span> <span class="cost-qty">5x</span></li>
</ul>
</div>
</div>


<div class="exchange-card">
<div class="card-header">
<div class="item-image"><img src="https://mewsie.world/CoraTOWiki/images/7/7c/Red_shoestring_stats.png?20240911212400" alt="Orange Shoestring"></div>
<div class="item-info">
<h3>Orange Shoestring</h3>
<span class="item-meta">15 days • Lv 230 Sprint</span>
</div>
</div>
<div class="card-body">
<ul class="cost-list">
<li class="cost-item"><span class="cost-name"><a href="https://mewsie.world/CoraTOWiki/index.php/Daily_Coupons">Daily Coupons</a></span> <span class="cost-qty">40x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Goma.html">Goma Blanket</a></span> <span class="cost-qty">25x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Swamp_Field_1_-_Black_Hole.html">Pottery Doll</a> (<a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Swamp_Field_2_-_Beaver%27s_Swamp.html">x</a>) (<a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Swamp_Field_3_-_Maze_of_Forest.html">x</a>) (<a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Swamp_Field_4_-_Dark_Omen.html">x</a>) (<a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Swamp_Field_5_-_Further_Maze_of_Forest.html">x</a>) (<a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Swamp_Field_6_-_Lake_of_Illusion.html">x</a>)</span> <span class="cost-qty">25x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://oto.fandom.com/wiki/Kimchi">Kimchi</a></span> <span class="cost-qty">5x</span></li>
</ul>
</div>
</div>
</div>
</div>
</section>


<section id="tab-rings" class="tab-content" role="tabpanel" aria-labelledby="tabbtn-rings">
<div class="section-header">
<h2>Boosters & Attribute Rings</h2>
<p class="section-lead">Rechargeable equipment for levels 130, 150, and 210</p>
</div>


<nav class="nested-tabs" role="tablist" aria-label="Boosters and Rings categories">
<button id="tabbtn-boosters" class="nested-tab active" role="tab" aria-selected="true" aria-controls="nested-boosters" data-tab="nested-boosters" tabindex="0">
Boosters
</button>
<button id="tabbtn-rings130" class="nested-tab" role="tab" aria-selected="false" aria-controls="nested-rings130" data-tab="nested-rings130" tabindex="-1">
Rings 130
</button>
<button id="tabbtn-rings150" class="nested-tab" role="tab" aria-selected="false" aria-controls="nested-rings150" data-tab="nested-rings150" tabindex="-1">
Rings 150
</button>
</nav>


<div id="nested-boosters" class="nested-content active" role="tabpanel" aria-labelledby="tabbtn-boosters">
<div class="exchange-grid">

<div class="exchange-card">
<div class="card-header">
<div class="item-image"><img src="https://mewsie.world/CoraTOWiki/images/4/4a/Ari%27s_booster_box_130.png?20240911212923" alt="Ari’s Booster 130"></div>
<div class="item-info">
<h3>Ari’s Booster 130</h3>
<span class="item-meta">Rechargeable • Lv 130 Booster</span>
</div>
</div>
<div class="card-body">
<ul class="cost-list">
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Fiesta_Marble.html">Fiesta Marbles</a></span> <span class="cost-qty">15x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Frozen_Corpse.html">Old Talisman</a></span> <span class="cost-qty">25x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Seabed_Field_1_-_North.html">Earplug</a> (<a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Seabed_Field_2_-_East.html">x</a>) (<a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Seabed_Field_3_-_Undersea_Park.html">x</a>) (<a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Seabed_Field_4_-_Undersea_Grave.html">x</a>)</span> <span class="cost-qty">25x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Takoyaki.html">Takoyaki</a></span> <span class="cost-qty">5x</span></li>
</ul>
</div>
</div>


<div class="exchange-card">
<div class="card-header">
<div class="item-image"><img src="https://mewsie.world/CoraTOWiki/images/b/bc/Ari%27s_booster_210_stats.png?20240911213117" alt="Ari’s Booster 210"></div>
<div class="item-info">
<h3>Ari’s Booster 210</h3>
<span class="item-meta">Rechargeable • Lv 210 Booster</span>
</div>
</div>
<div class="card-body">
<ul class="cost-list">
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Fiesta_Marble.html">Fiesta Marbles</a></span> <span class="cost-qty">25x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Bug_Bear.html">Bugbear Doll</a></span> <span class="cost-qty">25x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Grass-Leaf_Doll.html">Grass-leaf Doll</a></span> <span class="cost-qty">25x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Vegetable_Rice_Bowl.html">Vegetable Rice Bowl</a></span> <span class="cost-qty">5x</span></li>
</ul>
</div>
</div>
</div>
</div>


<div id="nested-rings130" class="nested-content" role="tabpanel" aria-labelledby="tabbtn-rings130">
<div class="exchange-grid">

<div class="exchange-card">
<div class="card-header">
<div class="item-image"><img src="https://mewsie.world/CoraTOWiki/images/2/2e/Dark_ring_130_stats.png?20240911213232" alt="Dark Ring 130"></div>
<div class="item-info">
<h3>Dark Ring 130</h3>
<span class="item-meta">15 days • Rechargeable</span>
</div>
</div>
<div class="card-body">
<ul class="cost-list">
<li class="cost-item"><span class="cost-name"><a href="https://mewsie.world/CoraTOWiki/index.php/Daily_Coupons">Daily Coupons</a></span> <span class="cost-qty">30x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Frozen_Corpse.html">Old Talisman</a></span> <span class="cost-qty">25x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Gate_of_Ghost_Blue.html">Emerald</a> (<a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Rose_Field_1_-_Stairway_to_Sorrow.html">x</a>) (<a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Underground_Dev_Room_-_Underground_Passage.html">x</a>) (<a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Gate_of_Black_Swamp.html">x</a>) (<a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Tapasco_Boss_Room.html">x</a>)</span> <span class="cost-qty">25x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://oto.fandom.com/wiki/Pan_Fried_Noodles">Pan Fried Noodle</a></span> <span class="cost-qty">5x</span></li>
</ul>
</div>
</div>


<div class="exchange-card">
<div class="card-header">
<div class="item-image"><img src="https://mewsie.world/CoraTOWiki/images/d/d1/Electric_ring_130_stats.png?20240911213504" alt="Electric Ring 130"></div>
<div class="item-info">
<h3>Electric Ring 130</h3>
<span class="item-meta">15 days • Rechargeable</span>
</div>
</div>
<div class="card-body">
<ul class="cost-list">
<li class="cost-item"><span class="cost-name"><a href="https://mewsie.world/CoraTOWiki/index.php/Daily_Coupons">Daily Coupons</a></span> <span class="cost-qty">30x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://knowledge.lifeto.co/items/10368">Copper Hair</a></span> <span class="cost-qty">25x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Gate_of_Ghost_Blue.html">Emerald</a> (<a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Rose_Field_1_-_Stairway_to_Sorrow.html">x</a>) (<a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Underground_Dev_Room_-_Underground_Passage.html">x</a>) (<a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Gate_of_Black_Swamp.html">x</a>) (<a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Tapasco_Boss_Room.html">x</a>)</span> <span class="cost-qty">25x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://oto.fandom.com/wiki/Pan_Fried_Noodles">Pan Fried Noodle</a></span> <span class="cost-qty">5x</span></li>
</ul>
</div>
</div>


<div class="exchange-card">
<div class="card-header">
<div class="item-image"><img src="https://mewsie.world/CoraTOWiki/images/3/31/Water_ring_130.png?20240911213540" alt="Water Ring 130"></div>
<div class="item-info">
<h3>Water Ring 130</h3>
<span class="item-meta">15 days • Rechargeable</span>
</div>
</div>
<div class="card-body">
<ul class="cost-list">
<li class="cost-item"><span class="cost-name"><a href="https://mewsie.world/CoraTOWiki/index.php/Daily_Coupons">Daily Coupons</a></span> <span class="cost-qty">30x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Lotus_Leaf.html">Lotus Leaf</a></span> <span class="cost-qty">25x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Gate_of_Ghost_Blue.html">Emerald</a> (<a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Rose_Field_1_-_Stairway_to_Sorrow.html">x</a>) (<a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Underground_Dev_Room_-_Underground_Passage.html">x</a>) (<a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Gate_of_Black_Swamp.html">x</a>) (<a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Tapasco_Boss_Room.html">x</a>)</span> <span class="cost-qty">25x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://oto.fandom.com/wiki/Pan_Fried_Noodles">Pan Fried Noodle</a></span> <span class="cost-qty">5x</span></li>
</ul>
</div>
</div>


<div class="exchange-card">
<div class="card-header">
<div class="item-image"><img src="https://mewsie.world/CoraTOWiki/images/9/9d/Air_ring_130_stats.png?20240911213639" alt="Air Ring 130"></div>
<div class="item-info">
<h3>Air Ring 130</h3>
<span class="item-meta">15 days • Rechargeable</span>
</div>
</div>
<div class="card-body">
<ul class="cost-list">
<li class="cost-item"><span class="cost-name"><a href="https://mewsie.world/CoraTOWiki/index.php/Daily_Coupons">Daily Coupons</a></span> <span class="cost-qty">30x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Aristocratic_Fan.html">Aristocratic Fan</a></span> <span class="cost-qty">25x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Gate_of_Ghost_Blue.html">Emerald</a> (<a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Rose_Field_1_-_Stairway_to_Sorrow.html">x</a>) (<a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Underground_Dev_Room_-_Underground_Passage.html">x</a>) (<a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Gate_of_Black_Swamp.html">x</a>) (<a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Tapasco_Boss_Room.html">x</a>)</span> <span class="cost-qty">25x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://oto.fandom.com/wiki/Pan_Fried_Noodles">Pan Fried Noodle</a></span> <span class="cost-qty">5x</span></li>
</ul>
</div>
</div>


<div class="exchange-card">
<div class="card-header">
<div class="item-image"><img src="https://mewsie.world/CoraTOWiki/images/3/37/Soil_ring_130_stats.png?20240911213731" alt="Soil Ring 130"></div>
<div class="item-info">
<h3>Soil Ring 130</h3>
<span class="item-meta">15 days • Rechargeable</span>
</div>
</div>
<div class="card-body">
<ul class="cost-list">
<li class="cost-item"><span class="cost-name"><a href="https://mewsie.world/CoraTOWiki/index.php/Daily_Coupons">Daily Coupons</a></span> <span class="cost-qty">30x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Swamp_Shark_Leather.html">Swamp Shark Leather</a></span> <span class="cost-qty">25x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Gate_of_Ghost_Blue.html">Emerald</a> (<a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Rose_Field_1_-_Stairway_to_Sorrow.html">x</a>) (<a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Underground_Dev_Room_-_Underground_Passage.html">x</a>) (<a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Gate_of_Black_Swamp.html">x</a>) (<a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Tapasco_Boss_Room.html">x</a>)</span> <span class="cost-qty">25x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://oto.fandom.com/wiki/Pan_Fried_Noodles">Pan Fried Noodle</a></span> <span class="cost-qty">5x</span></li>
</ul>
</div>
</div>


<div class="exchange-card">
<div class="card-header">
<div class="item-image"><img src="https://mewsie.world/CoraTOWiki/images/f/f0/Fire_ring_130_stats.png?20240911213824" alt="Fire Ring 130"></div>
<div class="item-info">
<h3>Fire Ring 130</h3>
<span class="item-meta">15 days • Rechargeable</span>
</div>
</div>
<div class="card-body">
<ul class="cost-list">
<li class="cost-item"><span class="cost-name"><a href="https://mewsie.world/CoraTOWiki/index.php/Daily_Coupons">Daily Coupons</a></span> <span class="cost-qty">30x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Coal.html">Coal</a></span> <span class="cost-qty">25x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Gate_of_Ghost_Blue.html">Emerald</a> (<a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Rose_Field_1_-_Stairway_to_Sorrow.html">x</a>) (<a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Underground_Dev_Room_-_Underground_Passage.html">x</a>) (<a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Gate_of_Black_Swamp.html">x</a>) (<a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Tapasco_Boss_Room.html">x</a>)</span> <span class="cost-qty">25x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://oto.fandom.com/wiki/Pan_Fried_Noodles">Pan Fried Noodle</a></span> <span class="cost-qty">5x</span></li>
</ul>
</div>
</div>


<div class="exchange-card">
<div class="card-header">
<div class="item-image"><img src="https://mewsie.world/CoraTOWiki/images/7/72/Light_ring_130_stats.png?20240911213918" alt="Light Ring 130"></div>
<div class="item-info">
<h3>Light Ring 130</h3>
<span class="item-meta">15 days • Rechargeable</span>
</div>
</div>
<div class="card-body">
<ul class="cost-list">
<li class="cost-item"><span class="cost-name"><a href="https://mewsie.world/CoraTOWiki/index.php/Daily_Coupons">Daily Coupons</a></span> <span class="cost-qty">30x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Silk_Thread.html">Silk Thread</a></span> <span class="cost-qty">25x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Gate_of_Ghost_Blue.html">Emerald</a> (<a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Rose_Field_1_-_Stairway_to_Sorrow.html">x</a>) (<a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Underground_Dev_Room_-_Underground_Passage.html">x</a>) (<a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Gate_of_Black_Swamp.html">x</a>) (<a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Tapasco_Boss_Room.html">x</a>)</span> <span class="cost-qty">25x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://oto.fandom.com/wiki/Pan_Fried_Noodles">Pan Fried Noodle</a></span> <span class="cost-qty">5x</span></li>
</ul>
</div>
</div>
</div>
</div>


<div id="nested-rings150" class="nested-content" role="tabpanel" aria-labelledby="tabbtn-rings150">
<div class="exchange-grid">

<div class="exchange-card">
<div class="card-header">
<div class="item-image"><img src="https://mewsie.world/CoraTOWiki/images/3/33/Electric_ring_150.png?20240916152908" alt="Electric Ring 150"></div>
<div class="item-info">
<h3>Electric Ring 150</h3>
<span class="item-meta">15 days • Rechargeable</span>
</div>
</div>
<div class="card-body">
<ul class="cost-list">
<li class="cost-item"><span class="cost-name"><a href="https://mewsie.world/CoraTOWiki/index.php/Daily_Coupons">Daily Coupons</a></span> <span class="cost-qty">40x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Feeler_Eyes.html">Feeler Eyes</a></span> <span class="cost-qty">25x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Ruby.html">Ruby</a></span> <span class="cost-qty">25x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Vegetable_Rice_Bowl.html">Vegetable Rice Bowl</a></span> <span class="cost-qty">5x</span></li>
</ul>
</div>
</div>


<div class="exchange-card">
<div class="card-header">
<div class="item-image"><img src="https://mewsie.world/CoraTOWiki/images/7/74/Water_ring_150_stats.png?20240916152946" alt="Water Ring 150"></div>
<div class="item-info">
<h3>Water Ring 150</h3>
<span class="item-meta">15 days • Rechargeable</span>
</div>
</div>
<div class="card-body">
<ul class="cost-list">
<li class="cost-item"><span class="cost-name"><a href="https://mewsie.world/CoraTOWiki/index.php/Daily_Coupons">Daily Coupons</a></span> <span class="cost-qty">40x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Ice_Pick.html">Ice Pick</a></span> <span class="cost-qty">25x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Ruby.html">Ruby</a></span> <span class="cost-qty">25x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Vegetable_Rice_Bowl.html">Vegetable Rice Bowl</a></span> <span class="cost-qty">5x</span></li>
</ul>
</div>
</div>


<div class="exchange-card">
<div class="card-header">
<div class="item-image"><img src="https://mewsie.world/CoraTOWiki/images/6/63/Dark_ring_150_stats.png?20240916153023" alt="Dark Ring 150"></div>
<div class="item-info">
<h3>Dark Ring 150</h3>
<span class="item-meta">15 days • Rechargeable</span>
</div>
</div>
<div class="card-body">
<ul class="cost-list">
<li class="cost-item"><span class="cost-name"><a href="https://mewsie.world/CoraTOWiki/index.php/Daily_Coupons">Daily Coupons</a></span> <span class="cost-qty">40x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://knowledge.lifeto.co/items/10366">Black Iron Helmet</a></span> <span class="cost-qty">25x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Ruby.html">Ruby</a></span> <span class="cost-qty">25x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Vegetable_Rice_Bowl.html">Vegetable Rice Bowl</a></span> <span class="cost-qty">5x</span></li>
</ul>
</div>
</div>


<div class="exchange-card">
<div class="card-header">
<div class="item-image"><img src="https://mewsie.world/CoraTOWiki/images/3/32/Air_ring_150_stats.png?20240916153055" alt="Air Ring 150"></div>
<div class="item-info">
<h3>Air Ring 150</h3>
<span class="item-meta">15 days • Rechargeable</span>
</div>
</div>
<div class="card-body">
<ul class="cost-list">
<li class="cost-item"><span class="cost-name"><a href="https://mewsie.world/CoraTOWiki/index.php/Daily_Coupons">Daily Coupons</a></span> <span class="cost-qty">40x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Daze.html">Flute of Gale</a></span> <span class="cost-qty">25x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Ruby.html">Ruby</a></span> <span class="cost-qty">25x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Vegetable_Rice_Bowl.html">Vegetable Rice Bowl</a></span> <span class="cost-qty">5x</span></li>
</ul>
</div>
</div>


<div class="exchange-card">
<div class="card-header">
<div class="item-image"><img src="https://mewsie.world/CoraTOWiki/images/3/32/Fire_ring_150_stats.png?20240916153134" alt="Fire Ring 150"></div>
<div class="item-info">
<h3>Fire Ring 150</h3>
<span class="item-meta">15 days • Rechargeable</span>
</div>
</div>
<div class="card-body">
<ul class="cost-list">
<li class="cost-item"><span class="cost-name"><a href="https://mewsie.world/CoraTOWiki/index.php/Daily_Coupons">Daily Coupons</a></span> <span class="cost-qty">40x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Fire_Flower.html">Fire Flower</a></span> <span class="cost-qty">25x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Ruby.html">Ruby</a></span> <span class="cost-qty">25x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Vegetable_Rice_Bowl.html">Vegetable Rice Bowl</a></span> <span class="cost-qty">5x</span></li>
</ul>
</div>
</div>


<div class="exchange-card">
<div class="card-header">
<div class="item-image"><img src="https://mewsie.world/CoraTOWiki/images/e/e1/Light_ring_150_stats.png?20240916153219" alt="Light Ring 150"></div>
<div class="item-info">
<h3>Light Ring 150</h3>
<span class="item-meta">15 days • Rechargeable</span>
</div>
</div>
<div class="card-body">
<ul class="cost-list">
<li class="cost-item"><span class="cost-name"><a href="https://mewsie.world/CoraTOWiki/index.php/Daily_Coupons">Daily Coupons</a></span> <span class="cost-qty">40x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Holy_Water_Marble.html">Holy Water Marble</a></span> <span class="cost-qty">25x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Ruby.html">Ruby</a></span> <span class="cost-qty">25x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Vegetable_Rice_Bowl.html">Vegetable Rice Bowl</a></span> <span class="cost-qty">5x</span></li>
</ul>
</div>
</div>


<div class="exchange-card">
<div class="card-header">
<div class="item-image"><img src="https://mewsie.world/CoraTOWiki/images/4/47/Soil_ring_150_stats.png?20240916153338" alt="Soil Ring 150"></div>
<div class="item-info">
<h3>Soil Ring 150</h3>
<span class="item-meta">15 days • Rechargeable</span>
</div>
</div>
<div class="card-body">
<ul class="cost-list">
<li class="cost-item"><span class="cost-name"><a href="https://mewsie.world/CoraTOWiki/index.php/Daily_Coupons">Daily Coupons</a></span> <span class="cost-qty">40x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Kerbero%27s_Paw.html">Kerbero’s Paw</a></span> <span class="cost-qty">25x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Ruby.html">Ruby</a></span> <span class="cost-qty">25x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Vegetable_Rice_Bowl.html">Vegetable Rice Bowl</a></span> <span class="cost-qty">5x</span></li>
</ul>
</div>
</div>
</div>
</div>
</section>


<section id="tab-brooms" class="tab-content" role="tabpanel" aria-labelledby="tabbtn-brooms">
<div class="section-header">
<h2>Boss Brooms</h2>
<p class="section-lead">Teleport directly to Boss Rooms</p>
</div>
<div class="exchange-grid">

<div class="exchange-card">
<div class="card-header">
<div class="item-image"><img src="https://mewsie.world/CoraTOWiki/images/4/4c/Tut_boss_broom_rclick.png?20240916154027" alt="Desert Witch’s Broom"></div>
<div class="item-info">
<h3>Desert Witch’s Broom</h3>
<span class="item-meta">To Tut’s Boss Room</span>
</div>
</div>
<div class="card-body">
<ul class="cost-list">
<li class="cost-item"><span class="cost-name"><a href="https://mewsie.world/CoraTOWiki/index.php/Daily_Coupons">Daily Coupons</a></span> <span class="cost-qty">4x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Basic_Mummy.html">Beeswax</a></span> <span class="cost-qty">4x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://knowledge.lifeto.co/items/11137">Glyph Stone</a></span> <span class="cost-qty">4x</span></li>
</ul>
</div>
</div>


<div class="exchange-card">
<div class="card-header">
<div class="item-image"><img src="https://mewsie.world/CoraTOWiki/images/9/9f/Tomb_boss_broom_stats.png?20240916154101" alt="Underground Witch’s Broom"></div>
<div class="item-info">
<h3>Underground Witch’s Broom</h3>
<span class="item-meta">To Tombeth’s Boss Room</span>
</div>
</div>
<div class="card-body">
<ul class="cost-list">
<li class="cost-item"><span class="cost-name"><a href="https://mewsie.world/CoraTOWiki/index.php/Daily_Coupons">Daily Coupons</a></span> <span class="cost-qty">4x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Smiling_Face.html">Smiling Face</a></span> <span class="cost-qty">4x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://knowledge.lifeto.co/items/11102">Bead Necklace</a></span> <span class="cost-qty">4x</span></li>
</ul>
</div>
</div>


<div class="exchange-card">
<div class="card-header">
<div class="item-image"><img src="https://mewsie.world/CoraTOWiki/images/c/c4/Karan_boss_broom.png?20240916154152" alt="Cave Witch’s Broom"></div>
<div class="item-info">
<h3>Cave Witch’s Broom</h3>
<span class="item-meta">To Karan’s Boss Room</span>
</div>
</div>
<div class="card-body">
<ul class="cost-list">
<li class="cost-item"><span class="cost-name"><a href="https://mewsie.world/CoraTOWiki/index.php/Daily_Coupons">Daily Coupons</a></span> <span class="cost-qty">4x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Plug_Bat.html">Mini-battery</a></span> <span class="cost-qty">4x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Gate_of_Ghost_Blue.html">Emerald</a> (<a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Rose_Field_1_-_Stairway_to_Sorrow.html">x</a>) (<a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Underground_Dev_Room_-_Underground_Passage.html">x</a>) (<a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Gate_of_Black_Swamp.html">x</a>) (<a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Tapasco_Boss_Room.html">x</a>)</span> <span class="cost-qty">4x</span></li>
</ul>
</div>
</div>


<div class="exchange-card">
<div class="card-header">
<div class="item-image"><img src="https://mewsie.world/CoraTOWiki/images/9/90/Captain_skull_boss_broom.png?20240916154244" alt="Sea Witch’s Broom"></div>
<div class="item-info">
<h3>Sea Witch’s Broom</h3>
<span class="item-meta">To Captain Skull’s Room</span>
</div>
</div>
<div class="card-body">
<ul class="cost-list">
<li class="cost-item"><span class="cost-name"><a href="https://mewsie.world/CoraTOWiki/index.php/Daily_Coupons">Daily Coupons</a></span> <span class="cost-qty">4x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Golden_Eyepatch.html">Golden Eyepatch</a></span> <span class="cost-qty">4x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Galatea_Statuette.html">Galetea Statuette</a></span> <span class="cost-qty">4x</span></li>
</ul>
</div>
</div>


<div class="exchange-card">
<div class="card-header">
<div class="item-image"><img src="https://mewsie.world/CoraTOWiki/images/9/93/Count_blood_boss_broom.png?20240916154325" alt="Coffin Witch’s Broom"></div>
<div class="item-info">
<h3>Coffin Witch’s Broom</h3>
<span class="item-meta">To Count Blood’s Room</span>
</div>
</div>
<div class="card-body">
<ul class="cost-list">
<li class="cost-item"><span class="cost-name"><a href="https://mewsie.world/CoraTOWiki/index.php/Daily_Coupons">Daily Coupons</a></span> <span class="cost-qty">4x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Bone_Magician%27s_Soul.html">Bone Magician’s Soul</a></span> <span class="cost-qty">4x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Castle_Map.html">Castle Map</a></span> <span class="cost-qty">4x</span></li>
</ul>
</div>
</div>


<div class="exchange-card">
<div class="card-header">
<div class="item-image"><img src="https://mewsie.world/CoraTOWiki/images/d/d1/Tenter_boss_broom.png?20240916154404" alt="Swamp Witch’s Broom"></div>
<div class="item-info">
<h3>Swamp Witch’s Broom</h3>
<span class="item-meta">To Tenter’s Boss Room</span>
</div>
</div>
<div class="card-body">
<ul class="cost-list">
<li class="cost-item"><span class="cost-name"><a href="https://mewsie.world/CoraTOWiki/index.php/Daily_Coupons">Daily Coupons</a></span> <span class="cost-qty">4x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Poison_Spore.html">Poison Spore</a></span> <span class="cost-qty">4x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Mud.html">Mud</a></span> <span class="cost-qty">4x</span></li>
</ul>
</div>
</div>


<div class="exchange-card">
<div class="card-header">
<div class="item-image"><img src="https://mewsie.world/CoraTOWiki/images/8/87/Soki_boss_broom.png?20240916154441" alt="Artist Witch’s Broom"></div>
<div class="item-info">
<h3>Artist Witch’s Broom</h3>
<span class="item-meta">To Soki’s Boss Room</span>
</div>
</div>
<div class="card-body">
<ul class="cost-list">
<li class="cost-item"><span class="cost-name"><a href="https://mewsie.world/CoraTOWiki/index.php/Daily_Coupons">Daily Coupons</a></span> <span class="cost-qty">4x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Relic_of_Ash.html">Relic of Ash</a></span> <span class="cost-qty">4x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Black_Volcanic_Ash.html">Black Volcanic Ash</a></span> <span class="cost-qty">4x</span></li>
</ul>
</div>
</div>


<div class="exchange-card">
<div class="card-header">
<div class="item-image"><img src="https://mewsie.world/CoraTOWiki/images/7/78/Odinea_boss_broom.png?20240916154531" alt="Ice Witch’s Broom"></div>
<div class="item-info">
<h3>Ice Witch’s Broom</h3>
<span class="item-meta">To Odinea’s Boss Room</span>
</div>
</div>
<div class="card-body">
<ul class="cost-list">
<li class="cost-item"><span class="cost-name"><a href="https://mewsie.world/CoraTOWiki/index.php/Daily_Coupons">Daily Coupons</a></span> <span class="cost-qty">4x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Dry_Ice.html">Dry Ice</a></span> <span class="cost-qty">4x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Luxurious_Blanket.html">Luxurious Blanket</a></span> <span class="cost-qty">4x</span></li>
</ul>
</div>
</div>


<div class="exchange-card">
<div class="card-header">
<div class="item-image"><img src="https://mewsie.world/CoraTOWiki/images/8/83/Spicy_boss_broom.png?20240916154641" alt="Volcano Witch’s Broom"></div>
<div class="item-info">
<h3>Volcano Witch’s Broom</h3>
<span class="item-meta">To Spicy Dragon’s Room</span>
</div>
</div>
<div class="card-body">
<ul class="cost-list">
<li class="cost-item"><span class="cost-name"><a href="https://mewsie.world/CoraTOWiki/index.php/Daily_Coupons">Daily Coupons</a></span> <span class="cost-qty">4x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Red_Fire.html">Red Fire</a></span> <span class="cost-qty">4x</span></li>
<li class="cost-item"><span class="cost-name"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Pupa_of_Tiger_Moth.html">Pupa of Tiger Moth</a></span> <span class="cost-qty">4x</span></li>
</ul>
</div>
</div>
</div>
</section>
</main>
</div>
</body>
</html>
[[Category:EpTO Custom Content]]
[[Category:System Help]]
[[Category:General Knowledge]]
[[Category:Progression]]
[[Category:EpTO Trivia]]
[[Category:CoraTO Custom Content]]
[[Category:Exchanges]]
[[Category:Custom Exchanges]]

MediaWiki:PyuPyu.css

2026-01-26T18:39:56Z

Noorisei:

/* PyuPyu's Exchange Page Styles */
/* Inspired by BunnyBox.css */

.pyupyu-page {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: var(--text);
max-width: 1200px;
margin: 0 auto;
padding: 20px;
background-color: var(--bg-1);
}

/* Hero Section */
.pyupyu-hero {
text-align: center;
margin-bottom: 40px;
padding: 40px 20px;
background: linear-gradient(135deg, var(--bg-2) 0%, var(--surface) 100%);
border-radius: 20px;
box-shadow: 0 4px 15px var(--shadow-soft);
}

.hero-content-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
gap: 30px;
text-align: left;
}

.hero-text {
flex: 1;
min-width: 300px;
}

.hero-text h1 {
text-align: left;
}

.hero-text p {
text-align: left;
margin-left: 0;
}

.hero-image-container {
flex: 0 0 auto;
max-width: 100%;
}

.hero-image-figure {
margin: 0;
background: var(--surface);
padding: 10px;
border-radius: 12px;
border: 1px solid var(--border);
box-shadow: 0 4px 15px var(--shadow-soft);
}

.hero-image-figure img {
display: block;
max-width: 300px;
height: auto;
border-radius: 8px;
}

.hero-image-figure figcaption {
margin-top: 10px;
font-size: 0.9em;
color: var(--text-muted);
font-weight: 600;
text-align: center;
}

.pyupyu-hero h1 {
color: var(--heading);
font-size: 2.5em;
margin: 0 0 10px 0;
}

.pyupyu-hero p {
font-size: 1.1em;
color: var(--text-muted);
max-width: 800px;
margin: 0 auto 15px auto;
line-height: 1.6;
}

/* Trivia Box - Specific to this page */
.trivia-box {
background-color: var(--surface);
border: 1px dashed var(--border-strong);
border-radius: 10px;
padding: 15px;
margin-top: 20px;
display: block;
width: 100%;
box-sizing: border-box;
text-align: left;
}

.trivia-badge {
background: var(--primary);
color: var(--surface);
padding: 2px 8px;
border-radius: 4px;
font-size: 0.8em;
font-weight: bold;
margin-right: 5px;
}

/* Content Sections */
.section-header {
margin-bottom: 30px;
text-align: center;
}

.section-header h2 {
color: var(--heading);
font-size: 2em;
margin-bottom: 10px;
}

.section-lead {
color: var(--text-muted);
}

/* Exchange Cards */
.exchange-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
gap: 25px;
}

.exchange-card {
background: var(--surface);
border-radius: 16px;
padding: 25px;
border: 1px solid var(--border);
box-shadow: 0 4px 20px var(--shadow-soft);
transition: transform 0.3s ease, box-shadow 0.3s ease;
display: flex;
flex-direction: column;
}

.exchange-card:hover {
transform: translateY(-5px);
box-shadow: 0 8px 25px var(--shadow-medium);
border-color: var(--primary);
}

.card-header {
display: flex;
align-items: center;
margin-bottom: 20px;
padding-bottom: 15px;
border-bottom: 2px solid var(--border);
}

.item-image {
width: 80px;
height: 80px;
background: var(--bg-2);
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 15px;
border: 2px solid var(--surface);
box-shadow: 0 2px 8px var(--shadow-soft);
}

.item-image img {
max-width: 100%;
max-height: 100%;
border-radius: 8px;
}

.item-info h3 {
margin: 0 0 5px 0;
color: var(--heading);
font-size: 1.2em;
}

.item-meta {
font-size: 0.9em;
color: var(--text-muted);
background: var(--bg-2);
padding: 2px 8px;
border-radius: 4px;
display: inline-block;
}

.card-body {
flex-grow: 1;
}

.cost-list {
list-style: none;
padding: 0;
margin: 0;
}

.cost-item {
display: flex;
justify-content: space-between;
padding: 8px 0;
border-bottom: 1px dashed var(--border);
font-size: 0.95em;
}

.cost-item:last-child {
border-bottom: none;
}

.cost-name {
color: var(--text);
}

.cost-name a {
color: var(--link);
text-decoration: none;
font-weight: 500;
transition: color 0.2s;
}

.cost-name a:hover {
color: var(--link-hover);
text-decoration: underline;
}

.cost-qty {
font-weight: bold;
color: var(--primary);
background: var(--bg-2);
padding: 2px 6px;
border-radius: 4px;
min-width: 30px;
text-align: center;
}

/* Responsive */
@media (max-width: 768px) {
.exchange-grid {
grid-template-columns: 1fr;
}

.card-header {
flex-direction: column;
text-align: center;
}

.item-image {
margin-right: 0;
margin-bottom: 10px;
}
}

MediaWiki:PyuPyu.css

2026-01-26T17:27:31Z

Noorisei: Created page with "/* PyuPyu's Exchange Page Styles */ /* Inspired by BunnyBox.css */ .pyupyu-page { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; color: var(--text); max-width: 1200px; margin: 0 auto; padding: 20px; background-color: var(--bg-1); } /* Hero Section */ .pyupyu-hero { text-align: center; margin-bottom: 40px; padding: 40px 20px; background: linear-gradient(135deg, var(--bg-2) 0%, var(--surface) 100%); border-radius: 20px; box-shadow:..."

/* PyuPyu's Exchange Page Styles */
/* Inspired by BunnyBox.css */

.pyupyu-page {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: var(--text);
max-width: 1200px;
margin: 0 auto;
padding: 20px;
background-color: var(--bg-1);
}

/* Hero Section */
.pyupyu-hero {
text-align: center;
margin-bottom: 40px;
padding: 40px 20px;
background: linear-gradient(135deg, var(--bg-2) 0%, var(--surface) 100%);
border-radius: 20px;
box-shadow: 0 4px 15px var(--shadow-soft);
}

.pyupyu-hero h1 {
color: var(--heading);
font-size: 2.5em;
margin: 0 0 10px 0;
}

.pyupyu-hero p {
font-size: 1.1em;
color: var(--text-muted);
max-width: 800px;
margin: 0 auto 15px auto;
line-height: 1.6;
}

/* Trivia Box - Specific to this page */
.trivia-box {
background-color: var(--surface);
border: 1px dashed var(--border-strong);
border-radius: 10px;
padding: 15px;
margin-top: 20px;
display: inline-block;
text-align: left;
}

.trivia-badge {
background: var(--primary);
color: var(--surface);
padding: 2px 8px;
border-radius: 4px;
font-size: 0.8em;
font-weight: bold;
margin-right: 5px;
}

/* Content Sections */
.section-header {
margin-bottom: 30px;
text-align: center;
}

.section-header h2 {
color: var(--heading);
font-size: 2em;
margin-bottom: 10px;
}

.section-lead {
color: var(--text-muted);
}

/* Exchange Cards */
.exchange-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
gap: 25px;
}

.exchange-card {
background: var(--surface);
border-radius: 16px;
padding: 25px;
border: 1px solid var(--border);
box-shadow: 0 4px 20px var(--shadow-soft);
transition: transform 0.3s ease, box-shadow 0.3s ease;
display: flex;
flex-direction: column;
}

.exchange-card:hover {
transform: translateY(-5px);
box-shadow: 0 8px 25px var(--shadow-medium);
border-color: var(--primary);
}

.card-header {
display: flex;
align-items: center;
margin-bottom: 20px;
padding-bottom: 15px;
border-bottom: 2px solid var(--border);
}

.item-image {
width: 80px;
height: 80px;
background: var(--bg-2);
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 15px;
border: 2px solid var(--surface);
box-shadow: 0 2px 8px var(--shadow-soft);
}

.item-image img {
max-width: 100%;
max-height: 100%;
border-radius: 8px;
}

.item-info h3 {
margin: 0 0 5px 0;
color: var(--heading);
font-size: 1.2em;
}

.item-meta {
font-size: 0.9em;
color: var(--text-muted);
background: var(--bg-2);
padding: 2px 8px;
border-radius: 4px;
display: inline-block;
}

.card-body {
flex-grow: 1;
}

.cost-list {
list-style: none;
padding: 0;
margin: 0;
}

.cost-item {
display: flex;
justify-content: space-between;
padding: 8px 0;
border-bottom: 1px dashed var(--border);
font-size: 0.95em;
}

.cost-item:last-child {
border-bottom: none;
}

.cost-name {
color: var(--text);
}

.cost-name a {
color: var(--link);
text-decoration: none;
font-weight: 500;
transition: color 0.2s;
}

.cost-name a:hover {
color: var(--link-hover);
text-decoration: underline;
}

.cost-qty {
font-weight: bold;
color: var(--primary);
background: var(--bg-2);
padding: 2px 6px;
border-radius: 4px;
min-width: 30px;
text-align: center;
}

/* Responsive */
@media (max-width: 768px) {
.exchange-grid {
grid-template-columns: 1fr;
}

.card-header {
flex-direction: column;
text-align: center;
}

.item-image {
margin-right: 0;
margin-bottom: 10px;
}
}

MediaWiki:Common.js

2026-01-17T19:32:37Z

Noorisei:

/*
Propósito da funcionalidade:
- Criar e controlar um botão “voltar ao topo” que aparece após rolar a página.
- Exibir/ocultar com classes (`show` e `pulse`) e realizar rolagem suave até o topo ao clicar.
- Inserir automaticamente o botão no `document.body` e registrar listeners de `scroll` (passivo) e `click`.
*/

(function () {
'use strict';

const CONFIG = {
CLASSES: {
SHOW: 'show',
PULSE: 'pulse'
}
};

const BackToTop = {
button: null,
isVisible: false,
scrollThreshold: 300,

createButton: function () {
const button = document.createElement('button');
button.className = 'btt-button';
button.setAttribute('aria-label', 'Voltar ao topo');
button.setAttribute('title', 'Voltar ao topo');
document.body.appendChild(button);
return button;
},

showButton: function () {
if (!this.isVisible && this.button) {
this.button.classList.add(CONFIG.CLASSES.SHOW);
this.button.classList.add(CONFIG.CLASSES.PULSE);
this.isVisible = true;

setTimeout(() => {
if (this.button) {
this.button.classList.remove(CONFIG.CLASSES.PULSE);
}
}, 6000);
}
},

hideButton: function () {
if (this.isVisible && this.button) {
this.button.classList.remove(CONFIG.CLASSES.SHOW);
this.button.classList.remove(CONFIG.CLASSES.PULSE);
this.isVisible = false;
}
},

handleScroll: function () {
const scrollTop = window.pageYOffset || document.documentElement.scrollTop;

if (scrollTop > this.scrollThreshold) {
this.showButton();
} else {
this.hideButton();
}
},

handleClick: function () {
window.scrollTo({
top: 0,
behavior: 'smooth'
});
},

init: function () {
this.button = this.createButton();

const boundHandleScroll = this.handleScroll.bind(this);
const boundHandleClick = this.handleClick.bind(this);

window.addEventListener('scroll', boundHandleScroll, { passive: true });
this.button.addEventListener('click', boundHandleClick);

this.handleScroll();

console.log('Back to Top button initialized');
}
};

if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', BackToTop.init.bind(BackToTop));
} else {
BackToTop.init();
}
})();

/*
Propósito da funcionalidade:
- Permitir navegação por clique em “cards” que tenham atributo `data-link`.
- Suportar três tipos de destino:
- Âncoras internas (ex.: `#secao`) com rolagem suave.
- URLs externas absolutas (`http://` ou `https://`).
- Títulos de páginas MediaWiki, resolvidos via `mw.util.getUrl()` quando disponível.
*/

(function () {
'use strict';

const CONFIG = {
SELECTORS: {
CARD_LINKS: '.card[data-link], .destaque-card[data-link]'
}
};

function safeQuerySelector(selector, context = document) {
try {
return context.querySelector(selector);
} catch (error) {
console.warn(`Invalid selector '${selector}':`, error);
return null;
}
}

const NavigationHandlers = {
handleCardClick: function (event) {
const card = event.target.closest(CONFIG.SELECTORS.CARD_LINKS);
if (!card) return;

const link = card.getAttribute('data-link');
if (!link) return;

if (link.charAt(0) === '#') {
event.preventDefault();
const anchorElement = safeQuerySelector(link);
if (anchorElement) {
anchorElement.scrollIntoView({ behavior: 'smooth', block: 'start' });
}
return;
}

if (/^https?:\/\//i.test(link)) {
window.location.href = link;
return;
}

const targetUrl = (window.mw && window.mw.util && typeof window.mw.util.getUrl === 'function')
? window.mw.util.getUrl(link)
: ('index.php?title=' + encodeURIComponent(link));

window.location.href = targetUrl;
},

init: function () {
document.addEventListener('click', this.handleCardClick, false);
}
};

if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', NavigationHandlers.init.bind(NavigationHandlers));
} else {
NavigationHandlers.init();
}
})();

/*
Propósito da funcionalidade:
- Criar um menu “hamburger” para abrir/fechar a sidebar no skin `vector-legacy`.
- Alternar classes (`mobile-open`, `sidebar-open`, `active`) para controlar layout em mobile.
- Fechar a sidebar ao clicar fora do painel ou ao pressionar `Escape`.
*/

(function () {
'use strict';

const CONFIG = {
CLASSES: {
ACTIVE: 'active',
MOBILE_OPEN: 'mobile-open',
SIDEBAR_OPEN: 'sidebar-open'
}
};

function safeGetElementById(id) {
try {
return document.getElementById(id);
} catch (error) {
console.warn(`Element with ID '${id}' not found:`, error);
return null;
}
}

function safeQuerySelector(selector, context = document) {
try {
return context.querySelector(selector);
} catch (error) {
console.warn(`Invalid selector '${selector}':`, error);
return null;
}
}

const MobileInterface = {
initialized: false,

getPanel: function () {
return safeGetElementById('mw-panel');
},

isApplicable: function () {
return document.body.classList.contains('skin-vector-legacy') && !!this.getPanel();
},

createHamburgerMenu: function () {
if (this.initialized) return;
if (!this.isApplicable()) {
return;
}

if (document.querySelector('.mobile-hamburger-menu')) {
this.initialized = true;
return;
}

const panel = this.getPanel();
if (!panel) return;

const hamburger = document.createElement('button');
hamburger.className = 'mobile-hamburger-menu';
hamburger.setAttribute('aria-label', 'Toggle navigation menu');
hamburger.setAttribute('type', 'button');
hamburger.innerHTML = '<span></span><span></span><span></span>';

const content = safeGetElementById('content') || safeQuerySelector('.mw-body');
if (content && content.parentNode) {
content.parentNode.insertBefore(hamburger, content);
}

const toggleSidebar = () => {
panel.classList.toggle(CONFIG.CLASSES.MOBILE_OPEN);
hamburger.classList.toggle(CONFIG.CLASSES.ACTIVE);
document.body.classList.toggle(CONFIG.CLASSES.SIDEBAR_OPEN);
try {
const open = panel.classList.contains(CONFIG.CLASSES.MOBILE_OPEN);
document.dispatchEvent(new CustomEvent('cora:mobile-sidebar-toggle', { detail: { open } }));
} catch (e) {
document.dispatchEvent(new Event('cora:mobile-sidebar-toggle'));
}
};

hamburger.addEventListener('click', (event) => {
event.preventDefault();
event.stopPropagation();
toggleSidebar();
});

document.addEventListener('click', (event) => {
if (panel.classList.contains(CONFIG.CLASSES.MOBILE_OPEN) &&
!panel.contains(event.target) &&
!hamburger.contains(event.target)) {
panel.classList.remove(CONFIG.CLASSES.MOBILE_OPEN);
hamburger.classList.remove(CONFIG.CLASSES.ACTIVE);
document.body.classList.remove(CONFIG.CLASSES.SIDEBAR_OPEN);
}
});

document.addEventListener('keydown', (event) => {
if (event.key === 'Escape' && panel.classList.contains(CONFIG.CLASSES.MOBILE_OPEN)) {
panel.classList.remove(CONFIG.CLASSES.MOBILE_OPEN);
hamburger.classList.remove(CONFIG.CLASSES.ACTIVE);
document.body.classList.remove(CONFIG.CLASSES.SIDEBAR_OPEN);
}
});

this.initialized = true;
},

init: function () {
this.createHamburgerMenu();
}
};

if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', MobileInterface.init.bind(MobileInterface));
} else {
MobileInterface.init();
}
})();
/*
Propósito da funcionalidade:
- Tornar os portais/menus laterais do skin `vector-legacy` colapsáveis.
- Colapsar automaticamente todas as seções do painel (exceto a primeira) ao iniciar.
- Persistir estado expandido/colapsado por seção via `localStorage` usando prefixo `sidebar-<id>`.
- Ajustar alturas (`maxHeight`) ao expandir/colapsar e recalcular em `resize`.
*/

(function () {
'use strict';

const CONFIG = {
CLASSES: {
COLLAPSED: 'collapsed'
},
STORAGE_KEYS: {
SIDEBAR_PREFIX: 'sidebar-'
}
};

function ensureSidebarStyles() {
if (document.getElementById('cora-sidebar-collapsible-styles')) return;
const style = document.createElement('style');
style.id = 'cora-sidebar-collapsible-styles';
style.textContent =
'body.skin-vector-legacy #mw-panel .vector-menu-content,body.skin-vector-legacy #mw-panel .portal .body{overflow:hidden;transition:max-height .4s ease,opacity .3s ease;opacity:1}' +
'body.skin-vector-legacy #mw-panel .vector-menu-portal.collapsed .vector-menu-content,body.skin-vector-legacy #mw-panel .portal.collapsed .body{max-height:0!important;opacity:0;padding:0}' +
'body.skin-vector-legacy #mw-panel .vector-menu-portal .vector-menu-heading,body.skin-vector-legacy #mw-panel .portal h3{cursor:pointer;user-select:none}';
document.head.appendChild(style);
}

function safeGetElementById(id) {
try {
return document.getElementById(id);
} catch (error) {
console.warn(`Element with ID '${id}' not found:`, error);
return null;
}
}

function safeQuerySelectorAll(selector, context = document) {
try {
return context.querySelectorAll(selector);
} catch (error) {
console.warn(`Invalid selector '${selector}':`, error);
return [];
}
}

function safeGetLocalStorage(key, defaultValue = '') {
try {
return localStorage.getItem(key) || defaultValue;
} catch (error) {
console.warn(`localStorage access failed for key '${key}':`, error);
return defaultValue;
}
}

function safeSetLocalStorage(key, value) {
try {
localStorage.setItem(key, value);
return true;
} catch (error) {
console.warn(`localStorage write failed for key '${key}':`, error);
return false;
}
}

const SidebarManager = {
portals: null,
getPortalId: function (portal) {
const heading = portal.querySelector('.vector-menu-heading, h3');
if (heading) {
return heading.textContent.trim().toLowerCase().replace(/\s+/g, '-');
}
return 'unknown-portal';
},

syncExpandedHeights: function () {
if (!this.portals) return;
this.portals.forEach(portal => {
if (portal.classList.contains(CONFIG.CLASSES.COLLAPSED)) return;
const content = portal.querySelector('.vector-menu-content, .body');
if (!content) return;
content.style.maxHeight = content.scrollHeight + 'px';
content.style.opacity = '1';
});
},

initSidebarCollapsible: function () {
if (!document.body.classList.contains('skin-vector-legacy')) {
return;
}

const panel = safeGetElementById('mw-panel');
if (!panel) return;

ensureSidebarStyles();

const portals = safeQuerySelectorAll('.vector-menu-portal, .portal', panel);
this.portals = Array.from(portals);

portals.forEach((portal, index) => {
if (index > 0) {
portal.classList.add(CONFIG.CLASSES.COLLAPSED);
const content = portal.querySelector('.vector-menu-content, .body');
if (content) {
content.style.maxHeight = '0';
content.style.opacity = '0';
}
}
});

const headings = safeQuerySelectorAll('.vector-menu-heading, .portal h3', panel);

headings.forEach(heading => {
heading.addEventListener('click', (event) => {
event.preventDefault();
event.stopPropagation();

const portal = heading.closest('.vector-menu-portal, .portal');
if (!portal) return;

const content = portal.querySelector('.vector-menu-content, .body');
if (!content) return;

const isCollapsed = portal.classList.contains(CONFIG.CLASSES.COLLAPSED);
const portalId = this.getPortalId(portal);

if (isCollapsed) {
portal.classList.remove(CONFIG.CLASSES.COLLAPSED);
content.style.maxHeight = content.scrollHeight + 'px';
content.style.opacity = '1';
safeSetLocalStorage(CONFIG.STORAGE_KEYS.SIDEBAR_PREFIX + portalId, 'expanded');
} else {
portal.classList.add(CONFIG.CLASSES.COLLAPSED);
content.style.maxHeight = '0';
content.style.opacity = '0';
safeSetLocalStorage(CONFIG.STORAGE_KEYS.SIDEBAR_PREFIX + portalId, 'collapsed');
}
});
});

portals.forEach((portal, index) => {
if (index === 0) return;

const savedState = safeGetLocalStorage(CONFIG.STORAGE_KEYS.SIDEBAR_PREFIX + this.getPortalId(portal));
const content = portal.querySelector('.vector-menu-content, .body');

if (savedState === 'expanded' && content) {
portal.classList.remove(CONFIG.CLASSES.COLLAPSED);
content.style.maxHeight = content.scrollHeight + 'px';
content.style.opacity = '1';
}
});

window.addEventListener('resize', () => {
this.syncExpandedHeights();
});

document.addEventListener('cora:mobile-sidebar-toggle', () => {
this.syncExpandedHeights();
});
},

init: function () {
this.initSidebarCollapsible();
}
};

if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', SidebarManager.init.bind(SidebarManager));
} else {
SidebarManager.init();
}
})();

/*
Propósito da funcionalidade:
- Abrir imagens em um “lightbox” (overlay) ao clicar, permitindo ampliar e visualizar com foco.
- Fechar ao clicar no fundo do overlay ou ao pressionar `Escape`.
- Bloquear rolagem do body enquanto o overlay estiver aberto e restaurar ao fechar.
- Exibir legenda baseada em `.image-container .image-caption` ou no `alt` da imagem.
- Adaptar a cor do fundo e da legenda ao tema atual via atributo `data-theme` no `<html>`.
*/

(function () {
'use strict';

const ImageLightbox = {
overlay: null,
bodyOverflow: '',
init: function () {
document.addEventListener('click', this.handleDocumentClick.bind(this), false);
},
shouldIgnoreClick: function (target) {
if (!target || !target.closest) return false;
if (target.closest('a[href]')) return true;
if (target.closest('.nav-tabs, .nav-tab, .nav-tab-fgod, .nested-tabs, .nested-tab')) return true;
return false;
},
buildOverlay: function () {
const overlay = document.createElement('div');
overlay.className = 'image-lightbox-overlay';
const theme = document.documentElement.getAttribute('data-theme') || 'light';
const bg = theme === 'dark' ? 'rgba(0,0,0,0.85)' : 'rgba(0,0,0,0.7)';
overlay.style.position = 'fixed';
overlay.style.top = '0';
overlay.style.right = '0';
overlay.style.bottom = '0';
overlay.style.left = '0';
overlay.style.display = 'flex';
overlay.style.alignItems = 'center';
overlay.style.justifyContent = 'center';
overlay.style.background = bg;
overlay.style.zIndex = '9999';
overlay.style.padding = '2vw';
overlay.style.cursor = 'zoom-out';
overlay.setAttribute('role', 'dialog');
overlay.setAttribute('aria-modal', 'true');
overlay.addEventListener('click', (e) => { if (e.target === overlay) this.close(); });
document.addEventListener('keydown', this.handleKeydown);
return overlay;
},
handleKeydown: function (e) {
if (e.key === 'Escape') {
const self = ImageLightbox;
if (self.overlay) { self.close(); }
}
},
findImageFromTarget: function (target) {
const el = target.closest('img, .image-container, .image-grid img');
if (!el) return null;
if (el.tagName && el.tagName.toLowerCase() === 'img') return el;
const img = el.querySelector('img');
return img || null;
},
handleDocumentClick: function (e) {
if (this.overlay && this.overlay.contains(e.target)) return;
if (this.shouldIgnoreClick(e.target)) return;
const img = this.findImageFromTarget(e.target);
if (!img) return;
e.preventDefault();
e.stopPropagation();
this.open(img);
},
open: function (img) {
if (this.overlay) return;
this.overlay = this.buildOverlay();
this.bodyOverflow = document.body.style.overflow || '';
document.body.style.overflow = 'hidden';
const content = document.createElement('div');
content.style.position = 'relative';
content.style.maxWidth = '90vw';
content.style.maxHeight = '90vh';
const clone = document.createElement('img');
clone.src = img.currentSrc || img.src;
clone.alt = img.alt || '';
clone.style.maxWidth = '90vw';
clone.style.maxHeight = '90vh';
clone.style.borderRadius = '12px';
clone.style.boxShadow = '0 10px 30px rgba(0,0,0,0.25)';
clone.style.transform = 'scale(0.98)';
clone.style.opacity = '0';
clone.style.transition = 'transform 150ms ease, opacity 150ms ease';
clone.style.willChange = 'transform, opacity';
content.appendChild(clone);
const captionText = this.getCaptionText(img);
if (captionText) {
const caption = document.createElement('div');
caption.textContent = captionText;
caption.style.marginTop = '0.75rem';
caption.style.fontSize = '0.9rem';
caption.style.textAlign = 'center';
const theme = document.documentElement.getAttribute('data-theme') || 'light';
caption.style.color = theme === 'dark' ? '#a8c6e8' : '#666';
content.appendChild(caption);
}
this.overlay.appendChild(content);
document.body.appendChild(this.overlay);
requestAnimationFrame(() => {
clone.style.transform = 'scale(1.25)';
clone.style.opacity = '1';
});
},
getCaptionText: function (img) {
const container = img.closest('.image-container');
const capEl = container ? container.querySelector('.image-caption') : null;
if (capEl && capEl.textContent) {
return capEl.textContent.trim();
}
return img.alt ? img.alt.trim() : '';
},
close: function () {
if (!this.overlay) return;
document.removeEventListener('keydown', this.handleKeydown);
if (this.overlay.parentNode) this.overlay.parentNode.removeChild(this.overlay);
this.overlay = null;
document.body.style.overflow = this.bodyOverflow;
}
};

if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', ImageLightbox.init.bind(ImageLightbox));
} else {
ImageLightbox.init();
}
})();

( function () {
'use strict';

const CONFIG = {
CLASSES: {
EXPANDED: 'expanded'
},
STORAGE_KEYS: {
USER_MENU_STATE: 'user-menu-state',
PERSONAL_MENU_STATE: 'personal-menu-state'
},
BODY_CLASSES: {
HAS_USER_MENU: 'has-user-menu-collapsible',
HAS_PERSONAL_MENU: 'has-personal-menu-collapsible'
}
};

/**
* @typedef {Object} CollapsibleMenuOptions
* @property {string} containerId
* @property {string} containerClass
* @property {string} headerClass
* @property {string} contentClass
* @property {string} listClass
* @property {string} headerText
* @property {string} stateStorageKey
* @property {string} bodyClass
* @property {string[]} itemIds
*/

/**
* @param {string} id
* @return {HTMLElement|null}
*/
function safeGetElementById( id ) {
try {
return document.getElementById( id );
} catch ( error ) {
return null;
}
}

/**
* @param {string} key
* @param {string} [defaultValue]
* @return {string}
*/
function safeGetLocalStorage( key, defaultValue = '' ) {
try {
return localStorage.getItem( key ) || defaultValue;
} catch ( error ) {
return defaultValue;
}
}

/**
* @param {string} key
* @param {string} value
* @return {boolean}
*/
function safeSetLocalStorage( key, value ) {
try {
localStorage.setItem( key, value );
return true;
} catch ( error ) {
return false;
}
}

/**
* @param {CollapsibleMenuOptions} options
* @return {HTMLElement|null}
*/
function buildCollapsibleMenu( options ) {
const existing = safeGetElementById( options.containerId );
if ( existing ) {
return existing;
}

const items = options.itemIds
.map( ( id ) => safeGetElementById( id ) )
.filter( Boolean );
if ( items.length === 0 ) {
return null;
}

const menuContainer = document.createElement( 'div' );
menuContainer.id = options.containerId;
menuContainer.className = options.containerClass;

const menuHeader = document.createElement( 'div' );
menuHeader.className = options.headerClass;
menuHeader.textContent = options.headerText;

menuHeader.addEventListener( 'click', () => {
menuContainer.classList.toggle( CONFIG.CLASSES.EXPANDED );

const state = menuContainer.classList.contains( CONFIG.CLASSES.EXPANDED ) ?
'expanded' :
'collapsed';
safeSetLocalStorage( options.stateStorageKey, state );
} );

const menuContent = document.createElement( 'div' );
menuContent.className = options.contentClass;

const menuList = document.createElement( 'ul' );
menuList.className = options.listClass;

items.forEach( ( item ) => {
if ( item && item.parentNode ) {
menuList.appendChild( item );
}
} );

menuContent.appendChild( menuList );
menuContainer.appendChild( menuHeader );
menuContainer.appendChild( menuContent );
document.body.appendChild( menuContainer );

document.body.classList.add( options.bodyClass );

const savedState = safeGetLocalStorage( options.stateStorageKey );
if ( savedState === 'expanded' ) {
menuContainer.classList.add( CONFIG.CLASSES.EXPANDED );
}

document.addEventListener( 'click', ( event ) => {
const target = event.target;
if (
menuContainer.classList.contains( CONFIG.CLASSES.EXPANDED ) &&
target instanceof Node &&
!menuContainer.contains( target )
) {
menuContainer.classList.remove( CONFIG.CLASSES.EXPANDED );
safeSetLocalStorage( options.stateStorageKey, 'collapsed' );
}
} );

menuContainer.addEventListener( 'mouseenter', () => {
menuContainer.classList.add( CONFIG.CLASSES.EXPANDED );
} );

menuContainer.addEventListener( 'mouseleave', () => {
menuContainer.classList.remove( CONFIG.CLASSES.EXPANDED );
safeSetLocalStorage( options.stateStorageKey, 'collapsed' );
} );

return menuContainer;
}

const UserMenuManager = {
initialized: false,

initUserMenuCollapsible: function () {
if ( this.initialized ) {
return;
}

if ( !document.body.classList.contains( 'skin-vector-legacy' ) ) {
return;
}

const personalTools = safeGetElementById( 'p-personal' );
if ( !personalTools ) {
return;
}

const isLoggedIn = !!safeGetElementById( 'pt-userpage' );
const isAnonymous = !isLoggedIn && !!safeGetElementById( 'pt-login' );

if ( isLoggedIn ) {
buildCollapsibleMenu( {
containerId: 'user-menu-collapsible',
containerClass: 'user-menu-container',
headerClass: 'user-menu-header',
contentClass: 'user-menu-content',
listClass: 'user-menu-list',
headerText: 'User',
stateStorageKey: CONFIG.STORAGE_KEYS.USER_MENU_STATE,
bodyClass: CONFIG.BODY_CLASSES.HAS_USER_MENU,
itemIds: [
'pt-userpage', 'pt-mytalk', 'pt-preferences',
'pt-watchlist', 'pt-mycontris', 'pt-logout'
]
} );
}

if ( isAnonymous ) {
buildCollapsibleMenu( {
containerId: 'personal-menu-collapsible',
containerClass: 'personal-menu-container',
headerClass: 'personal-menu-header',
contentClass: 'personal-menu-content',
listClass: 'personal-menu-list',
headerText: 'User',
stateStorageKey: CONFIG.STORAGE_KEYS.PERSONAL_MENU_STATE,
bodyClass: CONFIG.BODY_CLASSES.HAS_PERSONAL_MENU,
itemIds: [
'pt-login', 'pt-createaccount', 'pt-anonuserpage', 'pt-anontalk'
]
} );
}

this.initialized = true;
},

init: function () {
this.initUserMenuCollapsible();
}
};

if ( document.readyState === 'loading' ) {
document.addEventListener( 'DOMContentLoaded', UserMenuManager.init.bind( UserMenuManager ) );
} else {
UserMenuManager.init();
}
}() );

/*
Propósito da funcionalidade:
- Converter marcação de links no estilo MediaWiki escrita como texto (ex.: `[[Titulo]]` ou `[[Titulo|Texto]]`)
em links HTML reais (`<a href="...">`).
- Ignorar contextos onde essa conversão não deve acontecer (scripts, editores, formulários, etc.).
- Preservar links `File:`/`Image:` como texto, sem conversão.
- Gerar URLs usando `mw.util.getUrl()` quando disponível, com fallback para `index.php?title=...`.
*/

(function () {
'use strict';

function isInExcludedContext(node) {
if (!node || !node.parentElement) return false;

const excludedSelectors = [
'script', 'style', 'textarea', 'input', 'select', 'option',
'.ve-ui-surface', '.mw-editform', '.CodeMirror', '.cm-editor', '.ace_editor'
].join(', ');

return !!node.parentElement.closest(excludedSelectors);
}

const WikiLinkProcessor = {
processWikiLinks: function () {
if (!document.body || document.body.textContent.indexOf('[[') === -1) {
return;
}

const walker = document.createTreeWalker(
document.body,
NodeFilter.SHOW_TEXT,
null,
false
);

const textNodes = [];
let node;

while ((node = walker.nextNode())) {
const value = node.nodeValue;
if (!value || value.indexOf('[[') === -1 || isInExcludedContext(node)) {
continue;
}
textNodes.push(node);
}

const linkRegex = /\[\[([^\|\]]+)(?:\|([^\]]+))?\]\]/g;

textNodes.forEach(textNode => {
const sourceText = textNode.nodeValue;
if (!linkRegex.test(sourceText)) return;

linkRegex.lastIndex = 0;

const parent = textNode.parentNode;
const fragment = document.createDocumentFragment();
let lastIndex = 0;
let match;

while ((match = linkRegex.exec(sourceText)) !== null) {
if (match.index > lastIndex) {
fragment.appendChild(
document.createTextNode(sourceText.slice(lastIndex, match.index))
);
}

const rawTitle = (match[1] || '').trim();
const displayText = (match[2] != null ? match[2] : rawTitle).trim();

if (/^(File:|Image:)/i.test(rawTitle)) {
fragment.appendChild(document.createTextNode(match[0]));
} else {
const cleanTitle = rawTitle.charAt(0) === ':' ? rawTitle.slice(1) : rawTitle;

const href = (window.mw && window.mw.util && typeof window.mw.util.getUrl === 'function')
? window.mw.util.getUrl(cleanTitle)
: ('index.php?title=' + encodeURIComponent(cleanTitle));

const anchor = document.createElement('a');
anchor.className = 'mw-link-internal';
anchor.setAttribute('href', href);
anchor.appendChild(document.createTextNode(displayText));
fragment.appendChild(anchor);
}

lastIndex = linkRegex.lastIndex;
}

if (lastIndex < sourceText.length) {
fragment.appendChild(
document.createTextNode(sourceText.slice(lastIndex))
);
}

parent.insertBefore(fragment, textNode);
parent.removeChild(textNode);
});
},

init: function () {
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', this.processWikiLinks);
} else {
this.processWikiLinks();
}
}
};

WikiLinkProcessor.init();
})();

importScript('MediaWiki:MeuScript.js');

( function () {
'use strict';

function ensureThemeStylesLoaded() {
try {
if ( !window.mw || !mw.loader || !mw.config ) {
return;
}

const skin = mw.config.get( 'skin' ) || 'vector';
const moduleName = 'themeloader.skins.' + skin + '.default';

if ( typeof mw.loader.getState === 'function' ) {
const state = mw.loader.getState( moduleName );
if ( state === null ) {
return;
}
if ( state === 'ready' || state === 'loading' ) {
return;
}
}

mw.loader.load( moduleName );
} catch ( e ) {
// Ignore error
}
}

function getSavedTheme() {
try {
return localStorage.getItem( 'mw-theme' ) || 'default';
} catch ( e ) {
return 'default';
}
}

// Define available themes matching christmas.css roots
const themes = [
{ name: 'Pink', id: 'default' },
{ name: 'Dark', id: 'dark-neutral' },
{ name: 'Christmas', id: 'christmas' },
{ name: 'Power Light', id: 'power-light' },
{ name: 'Magic Light', id: 'magic-light' },
{ name: 'Sense Light', id: 'sense-light' },
{ name: 'Charm Light', id: 'charm-light' },
{ name: 'Power Dark', id: 'power-dark' },
{ name: 'Charm Dark', id: 'charm-dark' },
{ name: 'Magic Dark', id: 'dark-lightBlue' },
{ name: 'Sense Dark', id: 'dark-purple' },
];

// Function to apply theme
function applyTheme( themeId ) {
ensureThemeStylesLoaded();

try {
localStorage.setItem( 'mw-theme', themeId );
} catch ( e ) {
// Ignore error
}

if ( themeId === 'default' ) {
document.documentElement.removeAttribute( 'data-theme' );
} else {
document.documentElement.setAttribute( 'data-theme', themeId );
}
}

// Initialize theme immediately
ensureThemeStylesLoaded();
applyTheme( getSavedTheme() );

// Wait for DOM
const domReady = function ( callback ) {
if ( document.readyState === 'loading' ) {
document.addEventListener( 'DOMContentLoaded', callback );
} else {
setTimeout( callback, 0 );
}
};

domReady( function () {
// Prevent duplicate injection
if ( document.getElementById( 'mw-theme-floating' ) ) {
return;
}

// Create Floating Container
// ID matches CSS: #mw-theme-floating
const container = document.createElement( 'div' );
container.id = 'mw-theme-floating';

// Create Inner Wrapper
// Class matches CSS: .themeMenu
const themeMenuDiv = document.createElement( 'div' );
themeMenuDiv.className = 'themeMenu';

// Create Toggle Button
// Class matches CSS: .themeMenu-toggle
const btn = document.createElement( 'button' );
btn.className = 'themeMenu-toggle';
btn.textContent = 'Appearence';
btn.title = 'Change appearence';
btn.type = 'button';

// Create Dropdown List
// Class matches CSS: .themeMenu-dropdown
const dropdown = document.createElement( 'ul' );
dropdown.className = 'themeMenu-dropdown';

// Populate Items
themes.forEach( function ( theme ) {
// Item Wrapper
// CSS doesn't strictly require this wrapper for floating,
// but theme-menu.css might use .themeMenu-itemWrap
const itemWrap = document.createElement( 'li' );
itemWrap.className = 'themeMenu-itemWrap';

const themeLink = document.createElement( 'a' );
themeLink.className = 'themeMenu-item';
themeLink.href = '#';
themeLink.textContent = theme.name;
themeLink.dataset.themeId = theme.id;

// Highlight current
const currentTheme = getSavedTheme();
if ( theme.id === currentTheme ) {
themeLink.classList.add( 'is-current' );
}

themeLink.addEventListener( 'click', function ( e ) {
e.preventDefault();
ensureThemeStylesLoaded();
applyTheme( theme.id );

// Update highlighting
dropdown.querySelectorAll( '.themeMenu-item' ).forEach( function ( link ) {
link.classList.remove( 'is-current' );
} );
themeLink.classList.add( 'is-current' );

// Close menu
themeMenuDiv.classList.remove( 'is-open' );
} );

itemWrap.appendChild( themeLink );
dropdown.appendChild( itemWrap );
} );

// Toggle Logic
// CSS uses .themeMenu.is-open .themeMenu-dropdown { display: block }
btn.addEventListener( 'click', function ( e ) {
e.preventDefault();
e.stopPropagation();
themeMenuDiv.classList.toggle( 'is-open' );
} );

// Click Outside Logic
document.addEventListener( 'click', function ( e ) {
if ( !themeMenuDiv.contains( e.target ) ) {
themeMenuDiv.classList.remove( 'is-open' );
}
} );

// Assemble
themeMenuDiv.appendChild( btn );
themeMenuDiv.appendChild( dropdown );
container.appendChild( themeMenuDiv );

// Inject into Body
document.body.appendChild( container );
} );

}() );

(function () {
'use strict';

const CONFIG = {
SELECTORS: {
COLLAPSIBLE_HEADER: '.collapsible-header',
COLLAPSIBLE_BUTTON: '.collapsible'
},
CLASSES: {
ACTIVE: 'active',
EXPANDED: 'expanded'
}
};

function safeQuerySelectorAll(selector, context = document) {
try {
return context.querySelectorAll(selector);
} catch (error) {
console.warn(`Invalid selector '${selector}':`, error);
return [];
}
}

const CollapsibleSections = {
initCollapsibleHeaders: function () {
const headers = safeQuerySelectorAll(CONFIG.SELECTORS.COLLAPSIBLE_HEADER);

headers.forEach(header => {
header.addEventListener('click', (event) => {
event.preventDefault();

const section = header.parentElement;
const content = section.querySelector('.collapsible-content');

if (content) {
const isExpanded = section.classList.contains(CONFIG.CLASSES.EXPANDED);

if (isExpanded) {
section.classList.remove(CONFIG.CLASSES.EXPANDED);
content.style.maxHeight = '0';
} else {
section.classList.add(CONFIG.CLASSES.EXPANDED);
content.style.maxHeight = content.scrollHeight + 'px';
}
}
});
});
},

initCollapsibleButtons: function () {
const buttons = safeQuerySelectorAll(CONFIG.SELECTORS.COLLAPSIBLE_BUTTON);

buttons.forEach(button => {
button.addEventListener('click', (event) => {
event.preventDefault();

const content = button.nextElementSibling;

if (content && content.classList.contains('collapsible-content')) {
const isActive = button.classList.contains(CONFIG.CLASSES.ACTIVE);

if (isActive) {
button.classList.remove(CONFIG.CLASSES.ACTIVE);
content.style.maxHeight = '0';
} else {
button.classList.add(CONFIG.CLASSES.ACTIVE);
content.style.maxHeight = content.scrollHeight + 'px';
}
}
});
});
},

init: function () {
this.initCollapsibleHeaders();
this.initCollapsibleButtons();
}
};

if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', CollapsibleSections.init.bind(CollapsibleSections));
} else {
CollapsibleSections.init();
}
})();

/*
Propósito da funcionalidade:
- Oferecer um sistema de recomendação de “Guardian type” baseado em opções selecionadas pelo usuário.
- Controlar accordion de seções (`.guardian-accordion`) e permitir abrir diretamente por nível de dificuldade (1–5).
- Calcular a recomendação pela contagem de votos dos `.decision-options .option.selected`, resolvendo empates escolhendo o tipo mais “difícil”.
- Atualizar o texto em `#recommendedType` e destacar visualmente o tipo recomendado com a classe `recommended`.
- Expor funções globais para uso em HTML/conteúdo do wiki:
- `window.updateGuardianRecommendation()`
- `window.showGuardianByDifficulty(level)`
*/

(function () {
'use strict';

const CONFIG = {
SELECTORS: {
GUARDIAN_ACCORDION: '.guardian-accordion'
},
CLASSES: {
ACTIVE: 'active',
RECOMMENDED: 'recommended'
},
DELAYS: {
ACCORDION_SCROLL_DELAY: 300
}
};

function safeGetElementById(id) {
try {
return document.getElementById(id);
} catch (error) {
console.warn(`Element with ID '${id}' not found:`, error);
return null;
}
}

function safeQuerySelectorAll(selector, context = document) {
try {
return context.querySelectorAll(selector);
} catch (error) {
console.warn(`Invalid selector '${selector}':`, error);
return [];
}
}

function safeQuerySelector(selector, context = document) {
try {
return context.querySelector(selector);
} catch (error) {
console.warn(`Invalid selector '${selector}':`, error);
return null;
}
}

function isElementInViewport(element) {
if (!element) return false;

const rect = element.getBoundingClientRect();
return (
rect.top >= 0 &&
rect.left >= 0 &&
rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
rect.right <= (window.innerWidth || document.documentElement.clientWidth)
);
}

const GuardianDecisionHelper = {
DIFFICULTY_MAP: {
'1': 'regular',
'2': 'mighty',
'3': 'legendary',
'4': 'superior',
'5': 'accomplished'
},

TYPE_DESCRIPTIONS: {
'regular': 'Perfect for beginners with limited time',
'mighty': 'Good balance of effort and power',
'legendary': 'Excellent for endgame content',
'superior': 'For dedicated players seeking optimization',
'accomplished': 'For true perfectionists'
},

initAccordion: function () {
const accordions = safeQuerySelectorAll(CONFIG.SELECTORS.GUARDIAN_ACCORDION);

accordions.forEach(accordion => {
accordion.addEventListener('click', function () {
this.classList.toggle(CONFIG.CLASSES.ACTIVE);
const panel = this.nextElementSibling;

if (panel) {
if (panel.style.maxHeight) {
panel.style.maxHeight = null;
} else {
panel.style.maxHeight = panel.scrollHeight + 'px';
}
}
});
});
},

showGuardianByDifficulty: function (level) {
const accordions = safeQuerySelectorAll(CONFIG.SELECTORS.GUARDIAN_ACCORDION);

accordions.forEach(accordion => {
accordion.classList.remove(CONFIG.CLASSES.ACTIVE);
const panel = accordion.nextElementSibling;
if (panel) {
panel.style.maxHeight = null;
}
});

const guardianType = this.DIFFICULTY_MAP[level];
if (guardianType) {
const targetAccordion = safeQuerySelector(`.${guardianType}-accordion`);
if (targetAccordion) {
targetAccordion.classList.add(CONFIG.CLASSES.ACTIVE);
const panel = targetAccordion.nextElementSibling;
if (panel) {
panel.style.maxHeight = panel.scrollHeight + 'px';
}

setTimeout(() => {
targetAccordion.scrollIntoView({
behavior: 'smooth',
block: 'center'
});
}, CONFIG.DELAYS.ACCORDION_SCROLL_DELAY);
}
}
},

initDecisionHelper: function () {
const options = safeQuerySelectorAll('.decision-options .option');

options.forEach(option => {
option.addEventListener('click', function () {
const siblings = this.parentElement.querySelectorAll('.option');
siblings.forEach(sibling => sibling.classList.remove('selected'));

this.classList.add('selected');

GuardianDecisionHelper.updateRecommendation();
});
});
},

updateRecommendation: function () {
const selectedOptions = safeQuerySelectorAll('.decision-options .option.selected');
const recommendedTypeElement = safeGetElementById('recommendedType');

if (!recommendedTypeElement) return;

if (selectedOptions.length === 0) {
recommendedTypeElement.textContent = 'Select options above';
return;
}

const votes = {
'regular': 0,
'mighty': 0,
'legendary': 0,
'superior': 0,
'accomplished': 0
};

selectedOptions.forEach(option => {
const types = option.getAttribute('data-type');
if (types) {
types.split(',').forEach(type => {
if (votes.hasOwnProperty(type.trim())) {
votes[type.trim()]++;
}
});
}
});

let maxVotes = 0;
let recommendedType = '';
let tiedTypes = [];

for (const type in votes) {
if (votes[type] > maxVotes) {
maxVotes = votes[type];
recommendedType = type;
tiedTypes = [type];
} else if (votes[type] === maxVotes && maxVotes > 0) {
tiedTypes.push(type);
}
}

if (tiedTypes.length > 1) {
const difficultyOrder = ['regular', 'mighty', 'legendary', 'superior', 'accomplished'];
let highestDifficultyIndex = -1;

tiedTypes.forEach(type => {
const typeIndex = difficultyOrder.indexOf(type);
if (typeIndex > highestDifficultyIndex) {
highestDifficultyIndex = typeIndex;
recommendedType = type;
}
});
}

const formattedType = recommendedType.charAt(0).toUpperCase() + recommendedType.slice(1) + ' Guardian';
const description = this.TYPE_DESCRIPTIONS[recommendedType] || '';
const recommendationText = `${formattedType} - ${description}`;

recommendedTypeElement.textContent = recommendationText;
this.highlightRecommendedType(recommendedType);
},

highlightRecommendedType: function (type) {
const accordions = safeQuerySelectorAll(CONFIG.SELECTORS.GUARDIAN_ACCORDION);
accordions.forEach(accordion => {
accordion.classList.remove(CONFIG.CLASSES.RECOMMENDED);
});

const recommendedAccordion = safeQuerySelector(`.${type}-accordion`);
if (recommendedAccordion) {
recommendedAccordion.classList.add(CONFIG.CLASSES.RECOMMENDED);

if (!isElementInViewport(recommendedAccordion)) {
recommendedAccordion.scrollIntoView({
behavior: 'smooth',
block: 'center'
});
}
}
},

init: function () {
const hasGuardianElements =
safeQuerySelector(CONFIG.SELECTORS.GUARDIAN_ACCORDION) ||
safeQuerySelector('.decision-options');

if (hasGuardianElements) {
this.initAccordion();
this.initDecisionHelper();

window.updateGuardianRecommendation = this.updateRecommendation.bind(this);
window.showGuardianByDifficulty = this.showGuardianByDifficulty.bind(this);
}
}
};

if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', GuardianDecisionHelper.init.bind(GuardianDecisionHelper));
} else {
GuardianDecisionHelper.init();
}
})();

Mew's Guardian Guide

2026-01-17T19:21:51Z

Noorisei:

<usestyle src="Tabs.css" />
<usestyle src="Tables.css" />
<usestyle src="Credits.css" />
<usestyle src="GuardianTypes.css" />
<usestyle src="Collapsible.css" />
<usestyle src="Eclipse.css" />
<usestyle src="InfoBox.css" />
<usestyle src="ChangelogBox.css" />
<usestyle src="Components.css" />
<usestyle src="Img.css" />

<usescript src="ShowFirstTabs.js"/>

<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">

<header class="hero">
<div class="hero-inner">

<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>

<div class="eclipse-stats-grid">
<div class="eclipse-stat-card">
<div class="stat-number">65+</div>
<div class="stat-label">Required Level</div>
</div>
<div class="eclipse-stat-card">
<div class="stat-number">5</div>
<div class="stat-label">Guardian Types</div>
</div>
<div class="eclipse-stat-card">
<div class="stat-number">3</div>
<div class="stat-label">Main Questlines</div>
</div>
<div class="eclipse-stat-card">
<div class="stat-number">16</div>
<div class="stat-label">Secret Cards</div>
</div>
</div>
</header>

<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">

<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>


<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>
</section>


<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" 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>


<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>


<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>


<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>


<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>


<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>


<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>


<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>



</section>


<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>


<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 class="tab-footer">
<a href="#" class="back-to-top" onclick="scrollToTop(); return false;">↑ Back to Top</a>
</div>
</section>


<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>


<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>


<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>

</section>
</body>
</html>

MediaWiki:Common.js

2026-01-17T19:10:19Z

Noorisei:

/*
Propósito da funcionalidade:
- Criar e controlar um botão “voltar ao topo” que aparece após rolar a página.
- Exibir/ocultar com classes (`show` e `pulse`) e realizar rolagem suave até o topo ao clicar.
- Inserir automaticamente o botão no `document.body` e registrar listeners de `scroll` (passivo) e `click`.
*/

(function () {
'use strict';

const CONFIG = {
CLASSES: {
SHOW: 'show',
PULSE: 'pulse'
}
};

const BackToTop = {
button: null,
isVisible: false,
scrollThreshold: 300,

createButton: function () {
const button = document.createElement('button');
button.className = 'btt-button';
button.setAttribute('aria-label', 'Voltar ao topo');
button.setAttribute('title', 'Voltar ao topo');
document.body.appendChild(button);
return button;
},

showButton: function () {
if (!this.isVisible && this.button) {
this.button.classList.add(CONFIG.CLASSES.SHOW);
this.button.classList.add(CONFIG.CLASSES.PULSE);
this.isVisible = true;

setTimeout(() => {
if (this.button) {
this.button.classList.remove(CONFIG.CLASSES.PULSE);
}
}, 6000);
}
},

hideButton: function () {
if (this.isVisible && this.button) {
this.button.classList.remove(CONFIG.CLASSES.SHOW);
this.button.classList.remove(CONFIG.CLASSES.PULSE);
this.isVisible = false;
}
},

handleScroll: function () {
const scrollTop = window.pageYOffset || document.documentElement.scrollTop;

if (scrollTop > this.scrollThreshold) {
this.showButton();
} else {
this.hideButton();
}
},

handleClick: function () {
window.scrollTo({
top: 0,
behavior: 'smooth'
});
},

init: function () {
this.button = this.createButton();

const boundHandleScroll = this.handleScroll.bind(this);
const boundHandleClick = this.handleClick.bind(this);

window.addEventListener('scroll', boundHandleScroll, { passive: true });
this.button.addEventListener('click', boundHandleClick);

this.handleScroll();

console.log('Back to Top button initialized');
}
};

if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', BackToTop.init.bind(BackToTop));
} else {
BackToTop.init();
}
})();

/*
Propósito da funcionalidade:
- Permitir navegação por clique em “cards” que tenham atributo `data-link`.
- Suportar três tipos de destino:
- Âncoras internas (ex.: `#secao`) com rolagem suave.
- URLs externas absolutas (`http://` ou `https://`).
- Títulos de páginas MediaWiki, resolvidos via `mw.util.getUrl()` quando disponível.
*/

(function () {
'use strict';

const CONFIG = {
SELECTORS: {
CARD_LINKS: '.card[data-link], .destaque-card[data-link]'
}
};

function safeQuerySelector(selector, context = document) {
try {
return context.querySelector(selector);
} catch (error) {
console.warn(`Invalid selector '${selector}':`, error);
return null;
}
}

const NavigationHandlers = {
handleCardClick: function (event) {
const card = event.target.closest(CONFIG.SELECTORS.CARD_LINKS);
if (!card) return;

const link = card.getAttribute('data-link');
if (!link) return;

if (link.charAt(0) === '#') {
event.preventDefault();
const anchorElement = safeQuerySelector(link);
if (anchorElement) {
anchorElement.scrollIntoView({ behavior: 'smooth', block: 'start' });
}
return;
}

if (/^https?:\/\//i.test(link)) {
window.location.href = link;
return;
}

const targetUrl = (window.mw && window.mw.util && typeof window.mw.util.getUrl === 'function')
? window.mw.util.getUrl(link)
: ('index.php?title=' + encodeURIComponent(link));

window.location.href = targetUrl;
},

init: function () {
document.addEventListener('click', this.handleCardClick, false);
}
};

if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', NavigationHandlers.init.bind(NavigationHandlers));
} else {
NavigationHandlers.init();
}
})();

/*
Propósito da funcionalidade:
- Criar um menu “hamburger” para abrir/fechar a sidebar no skin `vector-legacy`.
- Alternar classes (`mobile-open`, `sidebar-open`, `active`) para controlar layout em mobile.
- Fechar a sidebar ao clicar fora do painel ou ao pressionar `Escape`.
*/

(function () {
'use strict';

const CONFIG = {
CLASSES: {
ACTIVE: 'active',
MOBILE_OPEN: 'mobile-open',
SIDEBAR_OPEN: 'sidebar-open'
}
};

function safeGetElementById(id) {
try {
return document.getElementById(id);
} catch (error) {
console.warn(`Element with ID '${id}' not found:`, error);
return null;
}
}

function safeQuerySelector(selector, context = document) {
try {
return context.querySelector(selector);
} catch (error) {
console.warn(`Invalid selector '${selector}':`, error);
return null;
}
}

const MobileInterface = {
initialized: false,

getPanel: function () {
return safeGetElementById('mw-panel');
},

isApplicable: function () {
return document.body.classList.contains('skin-vector-legacy') && !!this.getPanel();
},

createHamburgerMenu: function () {
if (this.initialized) return;
if (!this.isApplicable()) {
return;
}

if (document.querySelector('.mobile-hamburger-menu')) {
this.initialized = true;
return;
}

const panel = this.getPanel();
if (!panel) return;

const hamburger = document.createElement('button');
hamburger.className = 'mobile-hamburger-menu';
hamburger.setAttribute('aria-label', 'Toggle navigation menu');
hamburger.setAttribute('type', 'button');
hamburger.innerHTML = '<span></span><span></span><span></span>';

const content = safeGetElementById('content') || safeQuerySelector('.mw-body');
if (content && content.parentNode) {
content.parentNode.insertBefore(hamburger, content);
}

const toggleSidebar = () => {
panel.classList.toggle(CONFIG.CLASSES.MOBILE_OPEN);
hamburger.classList.toggle(CONFIG.CLASSES.ACTIVE);
document.body.classList.toggle(CONFIG.CLASSES.SIDEBAR_OPEN);
try {
const open = panel.classList.contains(CONFIG.CLASSES.MOBILE_OPEN);
document.dispatchEvent(new CustomEvent('cora:mobile-sidebar-toggle', { detail: { open } }));
} catch (e) {
document.dispatchEvent(new Event('cora:mobile-sidebar-toggle'));
}
};

hamburger.addEventListener('click', (event) => {
event.preventDefault();
event.stopPropagation();
toggleSidebar();
});

document.addEventListener('click', (event) => {
if (panel.classList.contains(CONFIG.CLASSES.MOBILE_OPEN) &&
!panel.contains(event.target) &&
!hamburger.contains(event.target)) {
panel.classList.remove(CONFIG.CLASSES.MOBILE_OPEN);
hamburger.classList.remove(CONFIG.CLASSES.ACTIVE);
document.body.classList.remove(CONFIG.CLASSES.SIDEBAR_OPEN);
}
});

document.addEventListener('keydown', (event) => {
if (event.key === 'Escape' && panel.classList.contains(CONFIG.CLASSES.MOBILE_OPEN)) {
panel.classList.remove(CONFIG.CLASSES.MOBILE_OPEN);
hamburger.classList.remove(CONFIG.CLASSES.ACTIVE);
document.body.classList.remove(CONFIG.CLASSES.SIDEBAR_OPEN);
}
});

this.initialized = true;
},

init: function () {
this.createHamburgerMenu();
}
};

if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', MobileInterface.init.bind(MobileInterface));
} else {
MobileInterface.init();
}
})();
/*
Propósito da funcionalidade:
- Tornar os portais/menus laterais do skin `vector-legacy` colapsáveis.
- Colapsar automaticamente todas as seções do painel (exceto a primeira) ao iniciar.
- Persistir estado expandido/colapsado por seção via `localStorage` usando prefixo `sidebar-<id>`.
- Ajustar alturas (`maxHeight`) ao expandir/colapsar e recalcular em `resize`.
*/

(function () {
'use strict';

const CONFIG = {
CLASSES: {
COLLAPSED: 'collapsed'
},
STORAGE_KEYS: {
SIDEBAR_PREFIX: 'sidebar-'
}
};

function ensureSidebarStyles() {
if (document.getElementById('cora-sidebar-collapsible-styles')) return;
const style = document.createElement('style');
style.id = 'cora-sidebar-collapsible-styles';
style.textContent =
'body.skin-vector-legacy #mw-panel .vector-menu-content,body.skin-vector-legacy #mw-panel .portal .body{overflow:hidden;transition:max-height .4s ease,opacity .3s ease;opacity:1}' +
'body.skin-vector-legacy #mw-panel .vector-menu-portal.collapsed .vector-menu-content,body.skin-vector-legacy #mw-panel .portal.collapsed .body{max-height:0!important;opacity:0;padding:0}' +
'body.skin-vector-legacy #mw-panel .vector-menu-portal .vector-menu-heading,body.skin-vector-legacy #mw-panel .portal h3{cursor:pointer;user-select:none}';
document.head.appendChild(style);
}

function safeGetElementById(id) {
try {
return document.getElementById(id);
} catch (error) {
console.warn(`Element with ID '${id}' not found:`, error);
return null;
}
}

function safeQuerySelectorAll(selector, context = document) {
try {
return context.querySelectorAll(selector);
} catch (error) {
console.warn(`Invalid selector '${selector}':`, error);
return [];
}
}

function safeGetLocalStorage(key, defaultValue = '') {
try {
return localStorage.getItem(key) || defaultValue;
} catch (error) {
console.warn(`localStorage access failed for key '${key}':`, error);
return defaultValue;
}
}

function safeSetLocalStorage(key, value) {
try {
localStorage.setItem(key, value);
return true;
} catch (error) {
console.warn(`localStorage write failed for key '${key}':`, error);
return false;
}
}

const SidebarManager = {
portals: null,
getPortalId: function (portal) {
const heading = portal.querySelector('.vector-menu-heading, h3');
if (heading) {
return heading.textContent.trim().toLowerCase().replace(/\s+/g, '-');
}
return 'unknown-portal';
},

syncExpandedHeights: function () {
if (!this.portals) return;
this.portals.forEach(portal => {
if (portal.classList.contains(CONFIG.CLASSES.COLLAPSED)) return;
const content = portal.querySelector('.vector-menu-content, .body');
if (!content) return;
content.style.maxHeight = content.scrollHeight + 'px';
content.style.opacity = '1';
});
},

initSidebarCollapsible: function () {
if (!document.body.classList.contains('skin-vector-legacy')) {
return;
}

const panel = safeGetElementById('mw-panel');
if (!panel) return;

ensureSidebarStyles();

const portals = safeQuerySelectorAll('.vector-menu-portal, .portal', panel);
this.portals = Array.from(portals);

portals.forEach((portal, index) => {
if (index > 0) {
portal.classList.add(CONFIG.CLASSES.COLLAPSED);
const content = portal.querySelector('.vector-menu-content, .body');
if (content) {
content.style.maxHeight = '0';
content.style.opacity = '0';
}
}
});

const headings = safeQuerySelectorAll('.vector-menu-heading, .portal h3', panel);

headings.forEach(heading => {
heading.addEventListener('click', (event) => {
event.preventDefault();
event.stopPropagation();

const portal = heading.closest('.vector-menu-portal, .portal');
if (!portal) return;

const content = portal.querySelector('.vector-menu-content, .body');
if (!content) return;

const isCollapsed = portal.classList.contains(CONFIG.CLASSES.COLLAPSED);
const portalId = this.getPortalId(portal);

if (isCollapsed) {
portal.classList.remove(CONFIG.CLASSES.COLLAPSED);
content.style.maxHeight = content.scrollHeight + 'px';
content.style.opacity = '1';
safeSetLocalStorage(CONFIG.STORAGE_KEYS.SIDEBAR_PREFIX + portalId, 'expanded');
} else {
portal.classList.add(CONFIG.CLASSES.COLLAPSED);
content.style.maxHeight = '0';
content.style.opacity = '0';
safeSetLocalStorage(CONFIG.STORAGE_KEYS.SIDEBAR_PREFIX + portalId, 'collapsed');
}
});
});

portals.forEach((portal, index) => {
if (index === 0) return;

const savedState = safeGetLocalStorage(CONFIG.STORAGE_KEYS.SIDEBAR_PREFIX + this.getPortalId(portal));
const content = portal.querySelector('.vector-menu-content, .body');

if (savedState === 'expanded' && content) {
portal.classList.remove(CONFIG.CLASSES.COLLAPSED);
content.style.maxHeight = content.scrollHeight + 'px';
content.style.opacity = '1';
}
});

window.addEventListener('resize', () => {
this.syncExpandedHeights();
});

document.addEventListener('cora:mobile-sidebar-toggle', () => {
this.syncExpandedHeights();
});
},

init: function () {
this.initSidebarCollapsible();
}
};

if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', SidebarManager.init.bind(SidebarManager));
} else {
SidebarManager.init();
}
})();

/*
Propósito da funcionalidade:
- Abrir imagens em um “lightbox” (overlay) ao clicar, permitindo ampliar e visualizar com foco.
- Fechar ao clicar no fundo do overlay ou ao pressionar `Escape`.
- Bloquear rolagem do body enquanto o overlay estiver aberto e restaurar ao fechar.
- Exibir legenda baseada em `.image-container .image-caption` ou no `alt` da imagem.
- Adaptar a cor do fundo e da legenda ao tema atual via atributo `data-theme` no `<html>`.
*/

(function () {
'use strict';

const ImageLightbox = {
overlay: null,
bodyOverflow: '',
init: function () {
document.addEventListener('click', this.handleDocumentClick.bind(this), false);
},
shouldIgnoreClick: function (target) {
if (!target || !target.closest) return false;
if (target.closest('a[href]')) return true;
if (target.closest('.nav-tabs, .nav-tab, .nav-tab-fgod, .nested-tabs, .nested-tab')) return true;
return false;
},
buildOverlay: function () {
const overlay = document.createElement('div');
overlay.className = 'image-lightbox-overlay';
const theme = document.documentElement.getAttribute('data-theme') || 'light';
const bg = theme === 'dark' ? 'rgba(0,0,0,0.85)' : 'rgba(0,0,0,0.7)';
overlay.style.position = 'fixed';
overlay.style.top = '0';
overlay.style.right = '0';
overlay.style.bottom = '0';
overlay.style.left = '0';
overlay.style.display = 'flex';
overlay.style.alignItems = 'center';
overlay.style.justifyContent = 'center';
overlay.style.background = bg;
overlay.style.zIndex = '9999';
overlay.style.padding = '2vw';
overlay.style.cursor = 'zoom-out';
overlay.setAttribute('role', 'dialog');
overlay.setAttribute('aria-modal', 'true');
overlay.addEventListener('click', (e) => { if (e.target === overlay) this.close(); });
document.addEventListener('keydown', this.handleKeydown);
return overlay;
},
handleKeydown: function (e) {
if (e.key === 'Escape') {
const self = ImageLightbox;
if (self.overlay) { self.close(); }
}
},
findImageFromTarget: function (target) {
const el = target.closest('img, .image-container, .image-grid img');
if (!el) return null;
if (el.tagName && el.tagName.toLowerCase() === 'img') return el;
const img = el.querySelector('img');
return img || null;
},
handleDocumentClick: function (e) {
if (this.overlay && this.overlay.contains(e.target)) return;
if (this.shouldIgnoreClick(e.target)) return;
const img = this.findImageFromTarget(e.target);
if (!img) return;
e.preventDefault();
e.stopPropagation();
this.open(img);
},
open: function (img) {
if (this.overlay) return;
this.overlay = this.buildOverlay();
this.bodyOverflow = document.body.style.overflow || '';
document.body.style.overflow = 'hidden';
const content = document.createElement('div');
content.style.position = 'relative';
content.style.maxWidth = '90vw';
content.style.maxHeight = '90vh';
const clone = document.createElement('img');
clone.src = img.currentSrc || img.src;
clone.alt = img.alt || '';
clone.style.maxWidth = '90vw';
clone.style.maxHeight = '90vh';
clone.style.borderRadius = '12px';
clone.style.boxShadow = '0 10px 30px rgba(0,0,0,0.25)';
clone.style.transform = 'scale(0.98)';
clone.style.opacity = '0';
clone.style.transition = 'transform 150ms ease, opacity 150ms ease';
clone.style.willChange = 'transform, opacity';
content.appendChild(clone);
const captionText = this.getCaptionText(img);
if (captionText) {
const caption = document.createElement('div');
caption.textContent = captionText;
caption.style.marginTop = '0.75rem';
caption.style.fontSize = '0.9rem';
caption.style.textAlign = 'center';
const theme = document.documentElement.getAttribute('data-theme') || 'light';
caption.style.color = theme === 'dark' ? '#a8c6e8' : '#666';
content.appendChild(caption);
}
this.overlay.appendChild(content);
document.body.appendChild(this.overlay);
requestAnimationFrame(() => {
clone.style.transform = 'scale(1.25)';
clone.style.opacity = '1';
});
},
getCaptionText: function (img) {
const container = img.closest('.image-container');
const capEl = container ? container.querySelector('.image-caption') : null;
if (capEl && capEl.textContent) {
return capEl.textContent.trim();
}
return img.alt ? img.alt.trim() : '';
},
close: function () {
if (!this.overlay) return;
document.removeEventListener('keydown', this.handleKeydown);
if (this.overlay.parentNode) this.overlay.parentNode.removeChild(this.overlay);
this.overlay = null;
document.body.style.overflow = this.bodyOverflow;
}
};

if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', ImageLightbox.init.bind(ImageLightbox));
} else {
ImageLightbox.init();
}
})();

( function () {
'use strict';

const CONFIG = {
CLASSES: {
EXPANDED: 'expanded'
},
STORAGE_KEYS: {
USER_MENU_STATE: 'user-menu-state',
PERSONAL_MENU_STATE: 'personal-menu-state'
},
BODY_CLASSES: {
HAS_USER_MENU: 'has-user-menu-collapsible',
HAS_PERSONAL_MENU: 'has-personal-menu-collapsible'
}
};

/**
* @typedef {Object} CollapsibleMenuOptions
* @property {string} containerId
* @property {string} containerClass
* @property {string} headerClass
* @property {string} contentClass
* @property {string} listClass
* @property {string} headerText
* @property {string} stateStorageKey
* @property {string} bodyClass
* @property {string[]} itemIds
*/

/**
* @param {string} id
* @return {HTMLElement|null}
*/
function safeGetElementById( id ) {
try {
return document.getElementById( id );
} catch ( error ) {
return null;
}
}

/**
* @param {string} key
* @param {string} [defaultValue]
* @return {string}
*/
function safeGetLocalStorage( key, defaultValue = '' ) {
try {
return localStorage.getItem( key ) || defaultValue;
} catch ( error ) {
return defaultValue;
}
}

/**
* @param {string} key
* @param {string} value
* @return {boolean}
*/
function safeSetLocalStorage( key, value ) {
try {
localStorage.setItem( key, value );
return true;
} catch ( error ) {
return false;
}
}

/**
* @param {CollapsibleMenuOptions} options
* @return {HTMLElement|null}
*/
function buildCollapsibleMenu( options ) {
const existing = safeGetElementById( options.containerId );
if ( existing ) {
return existing;
}

const items = options.itemIds
.map( ( id ) => safeGetElementById( id ) )
.filter( Boolean );
if ( items.length === 0 ) {
return null;
}

const menuContainer = document.createElement( 'div' );
menuContainer.id = options.containerId;
menuContainer.className = options.containerClass;

const menuHeader = document.createElement( 'div' );
menuHeader.className = options.headerClass;
menuHeader.textContent = options.headerText;

menuHeader.addEventListener( 'click', () => {
menuContainer.classList.toggle( CONFIG.CLASSES.EXPANDED );

const state = menuContainer.classList.contains( CONFIG.CLASSES.EXPANDED ) ?
'expanded' :
'collapsed';
safeSetLocalStorage( options.stateStorageKey, state );
} );

const menuContent = document.createElement( 'div' );
menuContent.className = options.contentClass;

const menuList = document.createElement( 'ul' );
menuList.className = options.listClass;

items.forEach( ( item ) => {
if ( item && item.parentNode ) {
menuList.appendChild( item );
}
} );

menuContent.appendChild( menuList );
menuContainer.appendChild( menuHeader );
menuContainer.appendChild( menuContent );
document.body.appendChild( menuContainer );

document.body.classList.add( options.bodyClass );

const savedState = safeGetLocalStorage( options.stateStorageKey );
if ( savedState === 'expanded' ) {
menuContainer.classList.add( CONFIG.CLASSES.EXPANDED );
}

document.addEventListener( 'click', ( event ) => {
const target = event.target;
if (
menuContainer.classList.contains( CONFIG.CLASSES.EXPANDED ) &&
target instanceof Node &&
!menuContainer.contains( target )
) {
menuContainer.classList.remove( CONFIG.CLASSES.EXPANDED );
safeSetLocalStorage( options.stateStorageKey, 'collapsed' );
}
} );

menuContainer.addEventListener( 'mouseenter', () => {
menuContainer.classList.add( CONFIG.CLASSES.EXPANDED );
} );

menuContainer.addEventListener( 'mouseleave', () => {
menuContainer.classList.remove( CONFIG.CLASSES.EXPANDED );
safeSetLocalStorage( options.stateStorageKey, 'collapsed' );
} );

return menuContainer;
}

const UserMenuManager = {
initialized: false,

initUserMenuCollapsible: function () {
if ( this.initialized ) {
return;
}

if ( !document.body.classList.contains( 'skin-vector-legacy' ) ) {
return;
}

const personalTools = safeGetElementById( 'p-personal' );
if ( !personalTools ) {
return;
}

const isLoggedIn = !!safeGetElementById( 'pt-userpage' );
const isAnonymous = !isLoggedIn && !!safeGetElementById( 'pt-login' );

if ( isLoggedIn ) {
buildCollapsibleMenu( {
containerId: 'user-menu-collapsible',
containerClass: 'user-menu-container',
headerClass: 'user-menu-header',
contentClass: 'user-menu-content',
listClass: 'user-menu-list',
headerText: 'User',
stateStorageKey: CONFIG.STORAGE_KEYS.USER_MENU_STATE,
bodyClass: CONFIG.BODY_CLASSES.HAS_USER_MENU,
itemIds: [
'pt-userpage', 'pt-mytalk', 'pt-preferences',
'pt-watchlist', 'pt-mycontris', 'pt-logout'
]
} );
}

if ( isAnonymous ) {
buildCollapsibleMenu( {
containerId: 'personal-menu-collapsible',
containerClass: 'personal-menu-container',
headerClass: 'personal-menu-header',
contentClass: 'personal-menu-content',
listClass: 'personal-menu-list',
headerText: 'User',
stateStorageKey: CONFIG.STORAGE_KEYS.PERSONAL_MENU_STATE,
bodyClass: CONFIG.BODY_CLASSES.HAS_PERSONAL_MENU,
itemIds: [
'pt-login', 'pt-createaccount', 'pt-anonuserpage', 'pt-anontalk'
]
} );
}

this.initialized = true;
},

init: function () {
this.initUserMenuCollapsible();
}
};

if ( document.readyState === 'loading' ) {
document.addEventListener( 'DOMContentLoaded', UserMenuManager.init.bind( UserMenuManager ) );
} else {
UserMenuManager.init();
}
}() );

/*
Propósito da funcionalidade:
- Converter marcação de links no estilo MediaWiki escrita como texto (ex.: `[[Titulo]]` ou `[[Titulo|Texto]]`)
em links HTML reais (`<a href="...">`).
- Ignorar contextos onde essa conversão não deve acontecer (scripts, editores, formulários, etc.).
- Preservar links `File:`/`Image:` como texto, sem conversão.
- Gerar URLs usando `mw.util.getUrl()` quando disponível, com fallback para `index.php?title=...`.
*/

(function () {
'use strict';

function isInExcludedContext(node) {
if (!node || !node.parentElement) return false;

const excludedSelectors = [
'script', 'style', 'textarea', 'input', 'select', 'option',
'.ve-ui-surface', '.mw-editform', '.CodeMirror', '.cm-editor', '.ace_editor'
].join(', ');

return !!node.parentElement.closest(excludedSelectors);
}

const WikiLinkProcessor = {
processWikiLinks: function () {
if (!document.body || document.body.textContent.indexOf('[[') === -1) {
return;
}

const walker = document.createTreeWalker(
document.body,
NodeFilter.SHOW_TEXT,
null,
false
);

const textNodes = [];
let node;

while ((node = walker.nextNode())) {
const value = node.nodeValue;
if (!value || value.indexOf('[[') === -1 || isInExcludedContext(node)) {
continue;
}
textNodes.push(node);
}

const linkRegex = /\[\[([^\|\]]+)(?:\|([^\]]+))?\]\]/g;

textNodes.forEach(textNode => {
const sourceText = textNode.nodeValue;
if (!linkRegex.test(sourceText)) return;

linkRegex.lastIndex = 0;

const parent = textNode.parentNode;
const fragment = document.createDocumentFragment();
let lastIndex = 0;
let match;

while ((match = linkRegex.exec(sourceText)) !== null) {
if (match.index > lastIndex) {
fragment.appendChild(
document.createTextNode(sourceText.slice(lastIndex, match.index))
);
}

const rawTitle = (match[1] || '').trim();
const displayText = (match[2] != null ? match[2] : rawTitle).trim();

if (/^(File:|Image:)/i.test(rawTitle)) {
fragment.appendChild(document.createTextNode(match[0]));
} else {
const cleanTitle = rawTitle.charAt(0) === ':' ? rawTitle.slice(1) : rawTitle;

const href = (window.mw && window.mw.util && typeof window.mw.util.getUrl === 'function')
? window.mw.util.getUrl(cleanTitle)
: ('index.php?title=' + encodeURIComponent(cleanTitle));

const anchor = document.createElement('a');
anchor.className = 'mw-link-internal';
anchor.setAttribute('href', href);
anchor.appendChild(document.createTextNode(displayText));
fragment.appendChild(anchor);
}

lastIndex = linkRegex.lastIndex;
}

if (lastIndex < sourceText.length) {
fragment.appendChild(
document.createTextNode(sourceText.slice(lastIndex))
);
}

parent.insertBefore(fragment, textNode);
parent.removeChild(textNode);
});
},

init: function () {
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', this.processWikiLinks);
} else {
this.processWikiLinks();
}
}
};

WikiLinkProcessor.init();
})();

importScript('MediaWiki:MeuScript.js');

( function () {
'use strict';

function ensureThemeStylesLoaded() {
try {
if ( !window.mw || !mw.loader || !mw.config ) {
return;
}

const skin = mw.config.get( 'skin' ) || 'vector';
const moduleName = 'themeloader.skins.' + skin + '.default';

if ( typeof mw.loader.getState === 'function' ) {
const state = mw.loader.getState( moduleName );
if ( state === null ) {
return;
}
if ( state === 'ready' || state === 'loading' ) {
return;
}
}

mw.loader.load( moduleName );
} catch ( e ) {
// Ignore error
}
}

function getSavedTheme() {
try {
return localStorage.getItem( 'mw-theme' ) || 'default';
} catch ( e ) {
return 'default';
}
}

// Define available themes matching christmas.css roots
const themes = [
{ name: 'Pink', id: 'default' },
{ name: 'Dark', id: 'dark-neutral' },
{ name: 'Christmas', id: 'christmas' },
{ name: 'Power Light', id: 'power-light' },
{ name: 'Magic Light', id: 'magic-light' },
{ name: 'Sense Light', id: 'sense-light' },
{ name: 'Charm Light', id: 'charm-light' },
{ name: 'Power Dark', id: 'power-dark' },
{ name: 'Charm Dark', id: 'charm-dark' },
{ name: 'Magic Dark', id: 'dark-lightBlue' },
{ name: 'Sense Dark', id: 'dark-purple' },
];

// Function to apply theme
function applyTheme( themeId ) {
ensureThemeStylesLoaded();

try {
localStorage.setItem( 'mw-theme', themeId );
} catch ( e ) {
// Ignore error
}

if ( themeId === 'default' ) {
document.documentElement.removeAttribute( 'data-theme' );
} else {
document.documentElement.setAttribute( 'data-theme', themeId );
}
}

// Initialize theme immediately
ensureThemeStylesLoaded();
applyTheme( getSavedTheme() );

// Wait for DOM
const domReady = function ( callback ) {
if ( document.readyState === 'loading' ) {
document.addEventListener( 'DOMContentLoaded', callback );
} else {
setTimeout( callback, 0 );
}
};

domReady( function () {
// Prevent duplicate injection
if ( document.getElementById( 'mw-theme-floating' ) ) {
return;
}

// Create Floating Container
// ID matches CSS: #mw-theme-floating
const container = document.createElement( 'div' );
container.id = 'mw-theme-floating';

// Create Inner Wrapper
// Class matches CSS: .themeMenu
const themeMenuDiv = document.createElement( 'div' );
themeMenuDiv.className = 'themeMenu';

// Create Toggle Button
// Class matches CSS: .themeMenu-toggle
const btn = document.createElement( 'button' );
btn.className = 'themeMenu-toggle';
btn.textContent = 'Appearence';
btn.title = 'Change appearence';
btn.type = 'button';

// Create Dropdown List
// Class matches CSS: .themeMenu-dropdown
const dropdown = document.createElement( 'ul' );
dropdown.className = 'themeMenu-dropdown';

// Populate Items
themes.forEach( function ( theme ) {
// Item Wrapper
// CSS doesn't strictly require this wrapper for floating,
// but theme-menu.css might use .themeMenu-itemWrap
const itemWrap = document.createElement( 'li' );
itemWrap.className = 'themeMenu-itemWrap';

const themeLink = document.createElement( 'a' );
themeLink.className = 'themeMenu-item';
themeLink.href = '#';
themeLink.textContent = theme.name;
themeLink.dataset.themeId = theme.id;

// Highlight current
const currentTheme = getSavedTheme();
if ( theme.id === currentTheme ) {
themeLink.classList.add( 'is-current' );
}

themeLink.addEventListener( 'click', function ( e ) {
e.preventDefault();
ensureThemeStylesLoaded();
applyTheme( theme.id );

// Update highlighting
dropdown.querySelectorAll( '.themeMenu-item' ).forEach( function ( link ) {
link.classList.remove( 'is-current' );
} );
themeLink.classList.add( 'is-current' );

// Close menu
themeMenuDiv.classList.remove( 'is-open' );
} );

itemWrap.appendChild( themeLink );
dropdown.appendChild( itemWrap );
} );

// Toggle Logic
// CSS uses .themeMenu.is-open .themeMenu-dropdown { display: block }
btn.addEventListener( 'click', function ( e ) {
e.preventDefault();
e.stopPropagation();
themeMenuDiv.classList.toggle( 'is-open' );
} );

// Click Outside Logic
document.addEventListener( 'click', function ( e ) {
if ( !themeMenuDiv.contains( e.target ) ) {
themeMenuDiv.classList.remove( 'is-open' );
}
} );

// Assemble
themeMenuDiv.appendChild( btn );
themeMenuDiv.appendChild( dropdown );
container.appendChild( themeMenuDiv );

// Inject into Body
document.body.appendChild( container );
} );

}() );

(function () {
'use strict';

const CONFIG = {
SELECTORS: {
COLLAPSIBLE_HEADER: '.collapsible-header',
COLLAPSIBLE_BUTTON: '.collapsible'
},
CLASSES: {
ACTIVE: 'active',
EXPANDED: 'expanded'
}
};

function safeQuerySelectorAll(selector, context = document) {
try {
return context.querySelectorAll(selector);
} catch (error) {
console.warn(`Invalid selector '${selector}':`, error);
return [];
}
}

const CollapsibleSections = {
initCollapsibleHeaders: function () {
const headers = safeQuerySelectorAll(CONFIG.SELECTORS.COLLAPSIBLE_HEADER);

headers.forEach(header => {
header.addEventListener('click', (event) => {
event.preventDefault();

const section = header.parentElement;
const content = section.querySelector('.collapsible-content');

if (content) {
const isExpanded = section.classList.contains(CONFIG.CLASSES.EXPANDED);

if (isExpanded) {
section.classList.remove(CONFIG.CLASSES.EXPANDED);
content.style.maxHeight = '0';
} else {
section.classList.add(CONFIG.CLASSES.EXPANDED);
content.style.maxHeight = content.scrollHeight + 'px';
}
}
});
});
},

initCollapsibleButtons: function () {
const buttons = safeQuerySelectorAll(CONFIG.SELECTORS.COLLAPSIBLE_BUTTON);

buttons.forEach(button => {
button.addEventListener('click', (event) => {
event.preventDefault();

const content = button.nextElementSibling;

if (content && content.classList.contains('collapsible-content')) {
const isActive = button.classList.contains(CONFIG.CLASSES.ACTIVE);

if (isActive) {
button.classList.remove(CONFIG.CLASSES.ACTIVE);
content.style.maxHeight = '0';
} else {
button.classList.add(CONFIG.CLASSES.ACTIVE);
content.style.maxHeight = content.scrollHeight + 'px';
}
}
});
});
},

init: function () {
this.initCollapsibleHeaders();
this.initCollapsibleButtons();
}
};

if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', CollapsibleSections.init.bind(CollapsibleSections));
} else {
CollapsibleSections.init();
}
})();

Boxer Bunny Box

2026-01-05T19:00:25Z

Noorisei:

<usestyle src="Tabs.css" />
<usestyle src="Img.css" />
<usestyle src="BoxerBunnyBox.css" />

<usescript src="TabFocus.js" />
<usescript src="ShowFirstTabs.js" />

<html lang="en">
<div class="bunny-page">


<header class="hero">
<div class="hero-inner">
<h1 class="hero-title">Boxer Bunny Box</h1>
<p class="hero-subtitle">This is the 2nd Job character box for the Bunny! Below are screenshots displaying the visual appearance and stats of the item.</p>
<div class="status-pill">MyShop Boxes</div>
</div>
</header>

<nav class="nav-tabs" role="tablist" aria-label="Main sections">
<button id="tabbtn-visual" class="nav-tab active" role="tab" aria-selected="true" aria-controls="tab-visual" data-tab="tab-visual" tabindex="0">
<span class="full-text">Visual</span><span class="short-text">Visual</span>
</button>
<button id="tabbtn-box60" class="nav-tab" role="tab" aria-selected="false" aria-controls="tab-box60" data-tab="tab-box60" tabindex="-1">
<span class="full-text">Boxer Bunny Box 60</span><span class="short-text">Box 60</span>
</button>
<button id="tabbtn-box180" class="nav-tab" role="tab" aria-selected="false" aria-controls="tab-box180" data-tab="tab-box180" tabindex="-1">
<span class="full-text">Boxer Bunny Box 180</span><span class="short-text">Box 180</span>
</button>
<button id="tabbtn-box240" class="nav-tab" role="tab" aria-selected="false" aria-controls="tab-box240" data-tab="tab-box240" tabindex="-1">
<span class="full-text">Boxer Bunny Box 240</span><span class="short-text">Box 240</span>
</button>
</nav>

<main class="content" id="top">

<section id="tab-visual" class="tab-content active" role="tabpanel" aria-labelledby="tab-visual-label">
<div class="section-header">
<h2>Visual Appearance</h2>
<p class="section-lead">Front and rear view of the Boxer Bunny</p>
</div>

<div class="feature-card">
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/f/fb/Boxervisualsfront.png" alt="Front View">
<div class="image-caption">Front View</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/d/dc/Boxervisualsrear.png" alt="Rear View">
<div class="image-caption">Rear View</div>
</div>
</div>
</div>
</section>


<section id="tab-box60" class="tab-content" role="tabpanel" aria-labelledby="tab-box60-label">
<div class="section-header">
<h2>Boxer Bunny Box 60</h2>
<p class="section-lead">Level 60 equipment set details</p>
</div>

<div class="feature-card">
<h4>Weapon & Shield</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/d/d5/Boxerweapon60.png" alt="Boxer Bunny Punch 60">
<div class="image-caption">Boxer Bunny Punch 60</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/1/17/Boxershield60.png" alt="Boxer Lina Buffalo 60">
<div class="image-caption">Boxer Lina Buffalo 60</div>
</div>
</div>
</div>

<div class="feature-card">
<h4>Accessory & Head</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/5/5a/Boxeracc60.png" alt="Boxer Bunny Choker 60">
<div class="image-caption">Boxer Bunny Choker 60</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/7/77/Boxerhead60.png" alt="Boxer Bunny Halo 60">
<div class="image-caption">Boxer Bunny Halo 60</div>
</div>
</div>
</div>

<div class="feature-card">
<h4>Hat & Cape</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/4/4e/Boxerhat60.png" alt="Boxer Bunny On Top 60">
<div class="image-caption">Boxer Bunny On Top 60</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/8/8d/Boxercape60.png" alt="Boxer Bunny Cape 60">
<div class="image-caption">Boxer Bunny Cape 60</div>
</div>
</div>
</div>

<div class="feature-card">
<h4>Pet</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/d/de/Boxerlina60.png" alt="Lina 60">
<div class="image-caption">Lina 60</div>
</div>
</div>
</div>
</section>


<section id="tab-box180" class="tab-content" role="tabpanel" aria-labelledby="tab-box180-label">
<div class="section-header">
<h2>Boxer Bunny Box 180</h2>
<p class="section-lead">Level 180 equipment set details</p>
</div>

<div class="feature-card">
<h4>Weapon & Shield</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/6/6d/Boxerweapon180.png" alt="Boxer Bunny Punch 180">
<div class="image-caption">Boxer Bunny Punch 180</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/1/1f/Boxershield180.png" alt="Boxer Bunny Guard 180">
<div class="image-caption">Boxer Bunny Guard 180</div>
</div>
</div>
</div>

<div class="feature-card">
<h4>Accessory & Head</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/c/cb/Boxeracc180.png" alt="Boxer Bunny Choker 180">
<div class="image-caption">Boxer Bunny Choker 180</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/d/d2/Boxerhead180.png" alt="Boxer Bunny Halo 180">
<div class="image-caption">Boxer Bunny Halo 180</div>
</div>
</div>
</div>

<div class="feature-card">
<h4>Cape & Hat</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/1/11/Boxercape180.png" alt="Boxer Bunny Cape 180">
<div class="image-caption">Boxer Bunny Cape 180</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/e/e3/Boxerhat180.png" alt="Boxer Bunny On Top 180">
<div class="image-caption">Boxer Bunny On Top 180</div>
</div>
</div>
</div>

<div class="feature-card">
<h4>Pet</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/0/01/Boxerlina180.png" alt="Lina 180">
<div class="image-caption">Lina 180</div>
</div>
</div>
</div>
</section>


<section id="tab-box240" class="tab-content" role="tabpanel" aria-labelledby="tab-box240-label">
<div class="section-header">
<h2>Boxer Bunny Box 240</h2>
<p class="section-lead">Level 240 equipment set details</p>
</div>

<div class="feature-card">
<h4>Weapon & Shield</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/0/0d/Boxerweapon240.png" alt="Boxer Bunny Punch 240">
<div class="image-caption">Boxer Bunny Punch 240</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/5/5c/Boxershield240.png" alt="Boxer Bunny Guard 240">
<div class="image-caption">Boxer Bunny Guard 240</div>
</div>
</div>
</div>

<div class="feature-card">
<h4>Accessory & Head</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/8/81/Boxeracc240.png" alt="Boxer Bunny Choker 240">
<div class="image-caption">Boxer Bunny Choker 240</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/d/d3/Boxerhead240.png" alt="Boxer Bunny Halo 240">
<div class="image-caption">Boxer Bunny Halo 240</div>
</div>
</div>
</div>

<div class="feature-card">
<h4>Cape & Hat</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/e/ed/Boxercape240.png" alt="Boxer Bunny Cape 240">
<div class="image-caption">Boxer Bunny Cape 240</div>
</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/7/74/Boxerhat240.png" alt="Boxer Bunny On Top 240">
<div class="image-caption">Boxer Bunny On Top 240</div>
</div>
</div>
</div>

<div class="feature-card">
<h4>Pet</h4>
<div class="info-grid">
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/5/56/Boxerlina240.png" alt="Lina 240">
<div class="image-caption">Lina 240</div>
</div>
</div>
</div>
</section>

</main>
</div>
</html>

Cora Coupons

2026-01-05T18:51:28Z

Noorisei:

* '''Cora Coupons''' [[File:Coracoupon.png]]are an exchange item that allows you to purchase <html>[[Category:MyshopRotation|current rotation MyShop Boxes]]</html>, [[MyShop Boxes (Permanent)|Character Boxes]], and [[Cora Boxes]] at '''Compounder Nadia''' in [https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Megalopolis_Shop.html Mega Shop]

* The number of tickets required per box varies based on the box’s level and type

== How to Obtain ==

* Cora Coupons have a rare % of dropping from every monster; this % rises with harder areas
* You also can get these from Episode Quest, Monkey_T Grass Quest, or Normal Daily completion
* You will most likely come across these while grinding or questing along your journey

== Ways to Farm Tickets ==

* [[Chaos Tower (CT)|Chaos Tower]]--the higher the floor, the higher the drop chance.
* [[Daily Quests|Normal Dailies]], which also give a chance at Bonus Eggs on this server as well.
* [https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Harkon_Protector.html Harkon Defense] or the [[Monkey T's Grass Quests (Shard Quests)|Monkey_T Grass Daily Quests]]. These also grant shards, [[Harkon Defense Custom Exchanges|which can be exchanged]] for MS stones.
* [https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Episode_1_Quests.html Episode Quests]. There are also [[Cora Boxes|Cora Box]] Rewards. The higher the episode, the more tickets rewarded.

= Trivia =

* These were called "''Eternal Tickets''" in epTO.

[[Category:Tips]]
[[Category:System Help]]
[[Category:CoraTO Custom Content]]
[[Category:EpTO Trivia]]
[[Category:General Knowledge]]

December 2025 Patchnotes

2026-01-05T18:50:50Z

Noorisei:

CoraTO -- in memory of eTO Cora, and the contributions and legacy of Caiterz.

==== Cora Egg Rotation ====
{| class="wikitable"
|+Cora Egg Rotation - Launch Patch (Dec 2026)
! colspan="5" |<big>All Eggs</big>
|-
| colspan="5" |1x Hair Dye Ticket
|-
| colspan="5" |1x Dimensional Card Pack
|-
| colspan="5" |1x 5 mil Galder Check
|-
| colspan="5" |15x Bonus Eggs
|-
| colspan="5" |1x Hair Dye Ticket
|-
| colspan="5" |
|-
!<big>Cora Egg 1</big>
!<big>Cora Egg 2</big>
!<big>Cora Egg 3</big>
!<big>Cora Egg 4</big>
!<big>Cora Egg 5</big>
|-
|6x CF 215
|6x CF 200
|6x CF 185
|6x CF 230
|6x CF 245
|-
|1x Choco of Love Skill
|1x Fairy's Fireworks Skill
|1x White Pearl Skill
|1x Butterfly Skill
|1x White Splash Skill
|-
|2x Refine Card 95
|2x Drop Card 101
|2x AP Star Card 6
|2x MA Star Card 36
|2x EXP Star Card 107
|-
|[KR]Santa fairy wand skin Prix
|[KR]Santa Binoche candlestick Skin
|[KR]Skin Stick Santa three piriah
|Big Tacky Head
|Karu Hat
|-
|[KR]Christmas Santa Elf Prix Hat
|Rudolph Shield Form
|Christmas Champagne Gun
|Witch Ice Shield Form
|[KR]Santa Binoche pin (ball / sheet) 160
|-
|[KR]Santa elf shield skin Prix
|[KR]Binoche Santa hat Skin
|Big Kokomelo Head
|Witch's Ice Staff Form
|Angelic Robe
|-
|[KR]Santa Binoche bowoogeon Skin
|[KR]Santa three piriah ribbon pin Skin
|[KR]Santa Binoche mantle (dark) 160
|Christmas Tree Cape
|Santa Karu Hat
|-
|Butler Tree Topper (Magic)
|[KR]Santa Binoche shield skin
|Snow Shield Form
|Tree Shield
|Karu Shield
|-
|[KR]Santa three piriah shield skin
|[KR]Santa Binoche Cloak (ball / sheet) 160
|Butler Tree Topper (Charm)
|Butler Tree Topper (Power)
|Karu Gun
|-
|[KR]Santa elf cloak Prix (E) 150
|Butler Tree Topper (Sense)
|Frozen Shield Form
|Candy Sword Form
|Karu Stick
|-
|Santa Dorothy
|[KR]Santa Binoche (decrease) 160
|Santa Curea
|Santa Knight
|Karu
|}

==== MyShop Box Rotation ====
[[Tacky Box]]

[[Primrose Box]]

[[Juri's Box]]

[[Hojo Satoko Box]]

==== VIP Shop Rotation ====
{| class="wikitable"
|+VIP Shop
!Set 1
!Set 2
!Pets
|-
|Santa's Hat 30
|Ice Penguin Hat
|Christmas Fairy
|-
|Santa's Shield 30
|Ice Penguin Shield
|Ice Penguin
|-
|Santa's Stick 30
|Ice Penguin Sword
|Ice Boy
|-
|Santa Cape
|Ice Penguin Cape
|Ice Girl
|}

==== System Additions ====

* Added base maps for new PvE content (not fully set up, not available to the public, secret longterm project ;) Just wanted to give you guys a hint: we're already thinking of adding new areas for you and working on it ;) )
* Added a '''Prison''' system for punitive reform with a one-way entrance so people can enter/exit to visit their friends in reform.
* '''Free to play compound stones''' were added in each mine (except for Tap) for AFK drilling purposes according to level brackets. You get them in boxes with a chance of getting 3 stones total, from a pick of 3 levels, according to each stat (e.g. MA 95, 110, 125 is '''one''' box so you can get 3 stones randomly from this box when you drill it up). Mine 1 will always have Magic & Sense Compound Stones, and Mine 2 will always have Power & Charm Compound Stones (so the inverse of the refine stones in the area)
*

{| class="wikitable"
|+F2P Stones & Their Level Brackets
!Location
!Mine
!Type
!Levels Covered
|-
| rowspan="2" |Paradise
|Mine 1
|Magic & Sense
| rowspan="2" |0 - 80
|-
|Mine 2
|Power & Charm
|-
| rowspan="2" |Relics
|Mine 1
|Magic & Sense
| rowspan="2" |95 - 170
|-
|Mine 2
|Power & Charm
|-
| rowspan="2" |Swamp
|Mine 1
|Magic & Sense
| rowspan="2" |185 - 260
|-
|Mine 2
|Power & Charm
|-
| rowspan="2" |Snow
|Mine 1
|Magic & Sense
| rowspan="2" |275 - 305
|-
|Mine 2
|Power & Charm
|-
| rowspan="2" |Techichi
|Mine 1
|Magic & Sense
| rowspan="2" |320 - 350
|-
|Mine 2
|Power & Charm
|}

*
* Custom Disguise Kit NPC was added to Cora Town for fun :3c He will be renamed soon and more disguise kits to come--feel free to suggest some based on pets and monsters!
* A [[Hologramsie|Universal Service NPC]] has been established and is also placed in satellite locations--check out her home in Cora Shop or [[Hologramsie#Current Custom Locations of Hologramsie|right here]] to see more locations!
* Huntable normal [[Daily Quests|dailies]] will all grant 100k galder checks (Paradise, Mega, Caballa, Mermaid, Aquarius, Rose, Lapanoel, Neil's Camp, and Tap Gate)
* [https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Shadow_World_Quests_Guide.html Shadow Monster Quest Dailies] ('''Shaman Girl Jia''') will all grant 100k checks + chance for MS Consumables
* [[Chaos Tokens]] system was put in place to allow freedom of choice with obtaining Chaos Feathers
* Changed [[Monkey T's Grass Quests (Shard Quests)|Monkey_T Grass Quests to give Shards]] to allow Solo Harkon Shard farming for the [[Harkon Defense Custom Exchanges|Harkon Compound Stone Exchange]]

==== Quality of Life ====

* [[Tartarus Pity (Exchange)|Tartarus pity]] and rTO rates are back (no longer halved)
* Free [https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Wee_Cora_Wig_50.html Wee Cora] set upon lv 50
* Added Little Cora pet drop to Little Cora's at the same rate of Blue Penguin pet drops
* ''Pink Potion A'' can now be bought at Event Garden's '''Item Girl'''
* Several Gacha Boxes have had their pet chances increased
* WT of Jadarite, Cassiterite have been reduced
* The [https://web.archive.org/web/20250402001822/https://eternalpaula.com/patch/250309 epTO Event-based Card ID Rewards] are now permanent, and disguise kits have their buy/sell prices increased to allow galder income from this process, making CID a viable source of income
* [[PyuPyu’s Exchange (PyuPyu’s Scavenger Hunt)|PyuPyu's Exchange]] (formerly ''Ari's Exchange'') has several exchanges nerfed in requirements to make it easier to obtain
* Free Driller Girl with 7 days on her for completing Poppuri Key Quest
* The tutorial and many books as well as map titles have been fully translated
* Added Bullets, Worldly Cures, Twinkle Potions, and throwables to Fiesta shops
* Slashed the price of compounder boxes by a whole 0 on each of them (so if they were 5000 ea before they're now 500)
* Default Fortune readings buffed to 4h instead of 3h (we strongly encourage you do [[Shadow Dailies]] to help sustain your fortune!)
* Cat Third Job, Buffalo Third Job, and Bunny Second Job [[Fashion]] was added to MyShop
* Discord Rich Presence added and caked into the launcher
* VPN Support also caked into the launcher

==== Website Features ====

* Brand new website!
* Battlepass system coming soon, located in the website! There will be a free and a paid tier. This is entirely new but you should be familiar with it if you are familiar with systems such as the Mira Journey system in Infinity Nikki. Get points for doing things in game! How fun!
* There is a master/sub account system now! Your master account acts as a central hub to player-specific features such as your battlepass. You will want to connect all of your ingame login accounts (now known as sub accounts) to this master account in order to obtain benefits. You can reclaim your login using the email, username, and password you signed up to epTO with after registering your master account. ''<u>'''We strongly encourage you change your subaccount passwords while you are at this'''.</u>'' You will start out with 10 account slots and will be able to gain another account slot, up to 69 slots (teehee) for every level 400 on a connected game account!
* Weekly MS! Yes, for everyone! Claim it on the website with your master account!
* Daily rewards! Claim up to 10 a day (one per subaccount with a max of 10) for some really nice stuff!
* Guild is available online, since our menu is broken again--we did not want to take the chance with Danny's contact's changes. We will be looking elsewhere for this assembly work, if that's even possible (it's nearly impossible, I'm finding out :/ )
* The Market is back and your previous listings, MyShop, and Galders are all there from epTO! <3

==== Security ====

* Your data is encrypted: Emails are hashed with md5, so we don't have anyone's emails! Additionally, so are your passwords!
* When you "Forget password" and put your real email, that gets hashed with md5 too, and we can check if they match!
* You can use an even MORE secure password here--they were limited to 16 characters before, now you can have up to 100!
* Your lock codes have been reset (they were stored in plaintext as well)

==== Nerfs ====
* Harkon Defense Gear Exchanges--including the cosmetic pets--have had their shard requirements buffed to reduce abuse/inflation and keep a modicum of their "flexy" status.

==== Future Announced Plans ====

* Our server is going to be forward-focused on PvE+PvP skill balance (in the distant future), custom content expansion and events, collectathons, altfarming, [[bossing]], and just general vibing and chatting. We want to make the word "Cora" mean home to you as much as it does to me! That means, yes, not only do we want you to be here, but we want you to be a part of our development, too, even if you're just a player and don't want to be staff but just generally contribute! We <3 our community and contributors.

* We will be introducing universal ears/tails for the default ears. We require a pivot tool in order to do this, but I can get one shortly after launch--I believe I can negotiate with the developer. This will be farmable for sub level 41 characters fighting [[Master Mong (Boss)|Master Mong]].
* [[Fortune]] Card Upgrading! Yes, that's right, take your USELESS lower level fortune cards and transform them into higher grade cards! It will cost 8 cards per tier to advance for normal stats, and 24 cards to advance Refine/EXP/Drop tiers. We are trying to see if we can patch something on the backend before doing this, as I believe we have reached our limit with our "readable" compound tables in the XML (some tables are very angry at you for modifying/adding to them--compounding is one of them, unfortunately).
* We want to make more capes appear on first job! Let us know which ones work and which don't in our suggestions channel thread!
* Tartarus will be getting a lore expansion + translation update in the late future and we would LOVE your feedback on it!
* We are overhauling the ToolTip system to give ToolTips for many of our customly-modified Quests, and we would love any ideas for quests that have metas to them (e.g. Old Bowls being drilled in Path to GB instead of Gate of Ghost Blue for Bunny Maid in Gate of Ghost Blue) for their tooltips that you may remember from your travels! Feel free to suggest them!
* We are making a BUNCH of disguise kits. Yes, really. A bunch. Feel free to request the ones you want to see the most in our Discord!
* We want MORE DIALOGUE! YES! WE WANT YOU TO REAAAAAAAAAAAAAAAAAD!!!! AND HAVE FUN DOING IT!!!!!!!!!! Let's put more dialogue on the Monsters and Pets (NOTE: NOT VOICE LINES) by suggesting potentials in our Discord! We would love to hear your ideas!!!
* We are planning on making a reason to do everything and anything in the game. Yes, really! Seriously! Let us know OUR underutilized features after you have played for a while and give us your feedback on how we can improve the systems in place!

[[Category:December 2025 patch]]
[[Category:CoraTO Custom Content]]
[[Category:Patchnotes]]
[[Category:CoraTO Patchnotes]]
[[Category:MyshopRotation]]

Cora Coupons

2026-01-05T18:48:29Z

Noorisei:

Template:MainPage

2026-01-02T22:55:35Z

Noorisei:

<usestyle src="MainPage.css" />
<usestyle src="Tabs.css" />
<usestyle src="Tables.css" />
<usestyle src="Img.css" />

<usestyle src="ChangelogBox.css" />

<usescript src="ShowFirstTabs.js"/>

<html>
<html lang="en" id="top">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>CoraTO Wiki</title>

</head>
<body>


<header class="hero">
<div class="hero-inner">
<a href="https://discord.gg/zxK3Q3Gh34" target="_blank" style = "position: fixed; right: 0 ; top: 30;">
<img src="https://mewsie.world/CoraTOWiki/images/thumb/0/04/DiscordCoraTO.png/211px-DiscordCoraTO.png" width="120" alt="Discord CoraTO" alt="Enter Discord">
</a>
<div class="hero-logo"><img class="image-container" src="https://mewsie.world/CoraTOWiki/images/b/bf/Littlecora.png" alt="CoraTO Wiki"></div>
<h1 class="hero-title">Welcome to the [[Official_CoraTO_Wiki|Official CoraTO Wiki]]</h1>
<div class="status-pill">WIKI UNDER CONSTRUCTION</div>
</div>
</header>


<section class="highlights-section">
<div class="section-header">
<h2>Highlights</h2>
<p class="section-lead">Latest updates and featured content</p>
</div>

<div class="highlights-grid">
<article class="card highlight" data-link="New Update Available">
<div class="card-media"><img class="image-container" src="" alt="New Update Available"></div>
<div class="card-body">
<h3 class="card-title">New Update Available</h3>
</div>
</article>
<article class="card highlight" data-link="Class Balance Changes">
<div class="card-media"><img class="image-container" src="" alt="Class Balance Changes"></div>
<div class="card-body">
<h3 class="card-title">Class Balance Changes</h3>
</div>
</article>
<article class="card highlight" data-link="Daily Quests">
<div class="card-media"><img class="image-container" src="" alt="Daily Quests"></div>
<div class="card-body">
<h3 class="card-title">Daily Quests</h3>
</div>
</article>
<article class="card highlight" data-link="Quick n Dirty Tips For All New Players">
<div class="card-media">
<img class="image-container" src= "https://mewsie.world/CoraTOWiki/images/0/03/BeginnerICO.jpg" alt="Beginner's Guide"></div>
<div class="card-body">

<h3 class="card-title">Beginner's Guide</h3>
</div>
</article>
<article class="card highlight" data-link="Special Events">
<div class="card-media"><img class="image-container" src="https://mewsie.world/CoraTOWiki/images/8/8e/SpecialEventICO.jpg" alt="Special Events"></div>
<div class="card-body">
<h3 class="card-title">Special Events</h3>
</div>
</article>
<article class="card highlight" data-link="Community">
<div class="card-media"><img class="image-container" src="" alt="Community Highlights"></div>
<div class="card-body">
<h3 class="card-title">Community Highlights</h3>
</div>
</article>
</div>
</section>


<nav class="nav-tabs" role="tablist" aria-label="Main sections">
<button class="nav-tab active" role="tab" aria-selected="true" aria-controls="tab-overview" data-tab="tab-overview" tabindex="0"><span class="full-text">Overview</span><span class="short-text">Overview</span></button>
<button class="nav-tab" role="tab" aria-selected="false" aria-controls="tab-guides" data-tab="tab-guides" tabindex="-1"><span class="full-text">Guides</span><span class="short-text">Guides</span></button>
<button class="nav-tab" role="tab" aria-selected="false" aria-controls="tab-systems" data-tab="tab-systems" tabindex="-1"><span class="full-text">Trickster Systems</span><span class="short-text">Systems</span></button>
<button class="nav-tab" role="tab" aria-selected="false" aria-controls="tab-extras" data-tab="tab-extras" tabindex="-1"><span class="full-text">Extras</span><span class="short-text">Extras</span></button>
<button class="nav-tab" role="tab" aria-selected="false" aria-controls="tab-corato" data-tab="tab-corato" tabindex="-1"><span class="full-text">CoraTO Contents</span><span class="short-text">CoraTO</span></button>
</nav>


<main class="content">

<section id="tab-overview" class="tab-content active" role="tabpanel" aria-labelledby="tab-overview-label">
<div class="section-header">
<h2>Overview</h2>
<p class="section-lead">Welcome to the CoraTO Wiki - your guide to the game</p>
</div>

<div class="info-grid">
<div class="info-card">
<h3>Getting Started</h3>
<p>New to CoraTO? Explore quick tips, beginner-friendly guides, and community resources to start strong.</p>
</div>
<div class="info-card">
<h3>Popular Topics</h3>
<ul class="inline-list">
<li>[[How to Grind Galder]]</li>
<li>[[Refining]]</li>
<li>[[Chaos Tower (CT)]]</li>
<li>[[Bossing]]</li>
</ul>
</div>
<div class="info-card">
<h3>Community</h3>
<p>Join discussions, contribute guides, and collaborate with others to improve this wiki.</p>
</div>
</div>

</section>


<section id="tab-guides" class="tab-content" role="tabpanel" aria-labelledby="tab-guides-label" aria-hidden="true">
<div class="section-header">
<h2>Guides</h2>
<p class="section-lead">Curated collections to help you progress efficiently</p>
</div>
<div class="wikitable-like">
<div class="column">
<ul>
<li>[[Quick n Dirty Tips For All New Players|Quick and Dirty Tips for All New Players]]</li>
<li>[[How to Grind Galder]]</li>
<li>[[How to Compare Gear per Patch|How to Gear/Compare Gear per Patch]]</li>
</ul>
</div>
<div class="column">
<ul>
<li>[[Mew's Sheep Guide]]</li>
<li>[[Mew's Guardian Guide]]</li>
<li>[[Mew's General Newbie Guide|Mew's General Newbie Guide (WIP)]]</li>
</ul>
</div>
<div class="column">
<ul>
<li>[[FastlaneTM Resources|FastLane™ Resources]]</li>
<li>[[:Category:Guides|All Guides]]</li>
<li>[[Endgame PvE Tips to Keep Going|Post-end Game PvE Tips to Keep Playing]]!</li>
</ul>
</div>
</div>

</section>


<section id="tab-systems" class="tab-content" role="tabpanel" aria-labelledby="tab-systems-label" aria-hidden="true">
<div class="section-header">
<h2>Trickster Systems</h2>
<p class="section-lead">Core mechanics, activities, and progression systems</p>
</div>
<div class="wikitable-like">
<div class="column">
<ul>
<li>[[Controls and Secret Controls|Controls & Commands]]</li>
<li>[[Daily Coupons]]</li>
<li>[[Drilling]]</li>
<li>[[Important NPCs and Their Functions|NPCs and Their Functions]]</li>
<li>[[Chaos Tower (CT)]]</li>
<li>[[Refining]]</li>
<li>[[Tempering - Coming soon]]</li>
<li>[[MyShop]]</li>
</ul>
</div>
<div class="column">
<ul>
<li>[[MyCamp]]</li>
<li>[[Fiesta]]</li>
<li>[[Pets]]</li>
<li>Recycling - Coming soon</li>
<li>Treasure Maps & Black Market - Coming soon</li>
<li>[[1:1 Trading System]]</li>
<li>[[Parties & XP Share]]</li>
<li>[[Guilds]]</li>
</ul>
</div>
<div class="column">
<ul>
<li>Marriage - Coming soon</li>
<li>[[Quests & QuestLog|Quests + Questlog]]</li>
<li>[[Fortune]]</li>
<li>[[Compounding]]</li>
<li>[[Mature Compounding]]</li>
<li>Exchanging - Coming soon</li>
<li>[[Guardian Guide (TLDR)|Guardian TLDR]] + [[Mew's Guardian Guide]]</li>
<li>[[Harkon_Defense_TLDR]]</li>
<li>[[Bossing]]</li>
</ul>
</div>
</div>

</section>


<section id="tab-extras" class="tab-content" role="tabpanel" aria-labelledby="tab-extras-label" aria-hidden="true">
<div class="section-header">
<h2>Extras</h2>
<p class="section-lead">Wiki-specific navigation and content collections</p>
</div>
<div class="wikitable-like">
<div class="column">
<ul>
<li>[[FAQ]]</li>
<li>[[Vocabulary]]</li>
<li>[[QuickList of Wiki Links & References]]</li>
</ul>
</div>
<div class="column">
<ul>
<li>[[:Category:Categories|Wiki-Specific Navigation]]</li>
<li>[[MyShop Boxes (Permanent)]]</li>
<li>[[:Category:MyShop Boxes|List of MyShop Boxes (Temporary)]]</li>
</ul>
</div>
<div class="column">
<ul>
<li>[[MyShop WIP|MyShop WIP List]]</li>
<li>[[:Category:EpTO Custom Content|epTO Custom Content]]</li>
<li>[[:Category:CoraTO Custom Content|CoraTO Custom Content]]</li>
</ul>
</div>
</div>

</section>


<section id="tab-corato" class="tab-content" role="tabpanel" aria-labelledby="tab-corato-label" aria-hidden="true">
<div class="section-header">
<h2>CoraTO Contents</h2>
<p class="section-lead">Custom content and features specific to CoraTO server</p>
</div>
<div class="wikitable-like">
<div class="column">
<ul>
<li><b>[[Paula (Summary and Tips)|Paula]]</b></li>
<li><b>[[Major Bugs]]</b></li>
<li><b>[[Quality Of Life Updates|QoL/Skill/Other Changes]]</b></li>
<li><b>[[PyuPyu's_Exchange_(PyuPyu's_Scavenger_Hunt)|PyuPyu's Exchange / Scavenger Hunt]]</b></li>
<li><b>[[Cora Coupons]]</b></li>
<li><b>[[Cora Boxes]]</b></li>
</ul>
</div>
<div class="column">
<ul>
<li><b>[[Cora Eggs]]</b></li>
<li><b>[[PyuPyu Penguins]]</b></li>
<li><b>[[Harkon Defense Custom Exchanges|Harkon Shard Compound Exchange]]</b></li>
<li><b>[[Website Features]]</b></li>
<li><b>[[Fading Tower|Torres Tower]]</b></li>
<li><b>[[Chaos Tokens]]</b></li>
</ul>
</div>
<div class="column">
<ul>
<li><b>Anticipated Path of Progression - Coming soon</b></li>
<li><b>[[:Category:Custom Fuses|Custom Fuses]]</b></li>
<li><b>[[Fashion|Custom Fashion]]</b></li>
<li><b>[[:Category:Custom Exchanges|Custom Exchanges]]</b></li>
<li><b>[[Daily Quests]]</b></li>
</ul>
</div>
</div>

</section>
</main>

</div>
</body>
</html>
[[Category:Hollogramsie]]
[[Category:Daily Quests]]

Template:MainPage

2026-01-02T22:49:35Z

Noorisei:

<usestyle src="MainPage.css" />
<usestyle src="Tabs.css" />
<usestyle src="Tables.css" />
<usestyle src="Img.css" />

<usestyle src="ChangelogBox.css" />

<usescript src="ShowFirstTabs.js"/>

<html>
<html lang="en" id="top">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>CoraTO Wiki</title>

</head>
<body>


<header class="hero">
<div class="hero-inner">
<a href="https://discord.gg/zxK3Q3Gh34" target="_blank" style = "position: fixed; right: 0 ; top: 30;">
<img src="https://mewsie.world/CoraTOWiki/images/thumb/0/04/DiscordCoraTO.png/211px-DiscordCoraTO.png" width="120" alt="Discord CoraTO" alt="Enter Discord">
</a>
<div class="hero-logo"><img class="image-container" src="https://mewsie.world/CoraTOWiki/images/b/bf/Littlecora.png" alt="CoraTO Wiki"></div>
<h1 class="hero-title">Welcome to the [[Official_CoraTO_Wiki|Official CoraTO Wiki]]</h1>
<div class="status-pill">WIKI UNDER CONSTRUCTION</div>
</div>
</header>


<section class="highlights-section">
<div class="section-header">
<h2>Highlights</h2>
<p class="section-lead">Latest updates and featured content</p>
</div>

<div class="highlights-grid">
<article class="card highlight" data-link="New Update Available">
<div class="card-media"><img class="image-container" src="" alt="New Update Available"></div>
<div class="card-body">
<h3 class="card-title">New Update Available</h3>
</div>
</article>
<article class="card highlight" data-link="Class Balance Changes">
<div class="card-media"><img class="image-container" src="" alt="Class Balance Changes"></div>
<div class="card-body">
<h3 class="card-title">Class Balance Changes</h3>
</div>
</article>
<article class="card highlight" data-link="Daily Quests">
<div class="card-media"><img class="image-container" src="" alt="Daily Quests"></div>
<div class="card-body">
<h3 class="card-title">Daily Quests</h3>
</div>
</article>
<article class="card highlight" data-link="Quick n Dirty Tips For All New Players">
<div class="card-media">
<img class="image-container" src= "https://mewsie.world/CoraTOWiki/images/0/03/BeginnerICO.jpg" alt="Beginner's Guide"></div>
<div class="card-body">

<h3 class="card-title">Beginner's Guide</h3>
</div>
</article>
<article class="card highlight" data-link="Special Events">
<div class="card-media"><img class="image-container" src="https://mewsie.world/CoraTOWiki/images/8/8e/SpecialEventICO.jpg" alt="Special Events"></div>
<div class="card-body">
<h3 class="card-title">Special Events</h3>
</div>
</article>
<article class="card highlight" data-link="Community">
<div class="card-media"><img class="image-container" src="" alt="Community Highlights"></div>
<div class="card-body">
<h3 class="card-title">Community Highlights</h3>
</div>
</article>
</div>
</section>


<nav class="nav-tabs" role="tablist" aria-label="Main sections">
<button class="nav-tab active" role="tab" aria-selected="true" aria-controls="tab-overview" data-tab="tab-overview" tabindex="0"><span class="full-text">Overview</span><span class="short-text">Overview</span></button>
<button class="nav-tab" role="tab" aria-selected="false" aria-controls="tab-guides" data-tab="tab-guides" tabindex="-1"><span class="full-text">Guides</span><span class="short-text">Guides</span></button>
<button class="nav-tab" role="tab" aria-selected="false" aria-controls="tab-systems" data-tab="tab-systems" tabindex="-1"><span class="full-text">Trickster Systems</span><span class="short-text">Systems</span></button>
<button class="nav-tab" role="tab" aria-selected="false" aria-controls="tab-extras" data-tab="tab-extras" tabindex="-1"><span class="full-text">Extras</span><span class="short-text">Extras</span></button>
<button class="nav-tab" role="tab" aria-selected="false" aria-controls="tab-corato" data-tab="tab-corato" tabindex="-1"><span class="full-text">CoraTO Contents</span><span class="short-text">CoraTO</span></button>
</nav>


<main class="content">

<section id="tab-overview" class="tab-content active" role="tabpanel" aria-labelledby="tab-overview-label">
<div class="section-header">
<h2>Overview</h2>
<p class="section-lead">Welcome to the CoraTO Wiki - your guide to the game</p>
</div>

<div class="info-grid">
<div class="info-card">
<h3>Getting Started</h3>
<p>New to CoraTO? Explore quick tips, beginner-friendly guides, and community resources to start strong.</p>
</div>
<div class="info-card">
<h3>Popular Topics</h3>
<ul class="inline-list">
<li>[[How to Grind Galder]]</li>
<li>[[Refining]]</li>
<li>[[Chaos Tower (CT)]]</li>
<li>[[Bossing]]</li>
</ul>
</div>
<div class="info-card">
<h3>Community</h3>
<p>Join discussions, contribute guides, and collaborate with others to improve this wiki.</p>
</div>
</div>

</section>


<section id="tab-guides" class="tab-content" role="tabpanel" aria-labelledby="tab-guides-label" aria-hidden="true">
<div class="section-header">
<h2>Guides</h2>
<p class="section-lead">Curated collections to help you progress efficiently</p>
</div>
<div class="wikitable-like">
<div class="column">
<ul>
<li>[[Quick n Dirty Tips For All New Players|Quick and Dirty Tips for All New Players]]</li>
<li>[[How to Grind Galder]]</li>
<li>[[How to Compare Gear per Patch|How to Gear/Compare Gear per Patch]]</li>
</ul>
</div>
<div class="column">
<ul>
<li>[[Mew's Sheep Guide]]</li>
<li>[[Mew's Guardian Guide]]</li>
<li>[[Mew's General Newbie Guide|Mew's General Newbie Guide (WIP)]]</li>
</ul>
</div>
<div class="column">
<ul>
<li>[[FastlaneTM Resources|FastLane™ Resources]]</li>
<li>[[:Category:Guides|All Guides]]</li>
<li>[[Endgame PvE Tips to Keep Going|Post-end Game PvE Tips to Keep Playing]]!</li>
</ul>
</div>
</div>

</section>


<section id="tab-systems" class="tab-content" role="tabpanel" aria-labelledby="tab-systems-label" aria-hidden="true">
<div class="section-header">
<h2>Trickster Systems</h2>
<p class="section-lead">Core mechanics, activities, and progression systems</p>
</div>
<div class="wikitable-like">
<div class="column">
<ul>
<li>[[Controls and Secret Controls|Controls & Commands]]</li>
<li>[[Daily Coupons]]</li>
<li>[[Drilling]]</li>
<li>[[Important NPCs and Their Functions|NPCs and Their Functions]]</li>
<li>[[Chaos Tower (CT)]]</li>
<li>[[Refining]]</li>
<li>[[Tempering - Coming soon]]</li>
<li>[[MyShop]]</li>
</ul>
</div>
<div class="column">
<ul>
<li>[[MyCamp]]</li>
<li>[[Fiesta]]</li>
<li>[[Pets]]</li>
<li>Recycling - Coming soon</li>
<li>Treasure Maps & Black Market - Coming soon</li>
<li>[[1:1 Trading System]]</li>
<li><a href="https://mewsie.world/CoraTOWiki/index.php/Parties_%26_EXP_Share" title="Parties & XP Share" target="_blank">Parties & XP Share</a></li>
<li>[[Guilds]]</li>
</ul>
</div>
<div class="column">
<ul>
<li>Marriage - Coming soon</li>
<li>[[Quests & QuestLog|Quests + Questlog]]</li>
<li><a href="https://mewsie.world/CoraTOWiki/index.php/Fortune" title="Fortune" target="_blank">Fortune</a></li>
<li><a href="https://mewsie.world/CoraTOWiki/index.php/Compounding" title="Compounding" target="_blank">Compounding</a></li>
<li><a href="https://mewsie.world/CoraTOWiki/index.php/Mature_Compounding" title="Mature Compounding" target="_blank">Mature Compounding</a></li>
<li>Exchanging - Coming soon</li>
<li>[[Guardian Guide (TLDR)|Guardian TLDR]] + [[Mew's Guardian Guide]]</li>
<li><a href="https://mewsie.world/CoraTOWiki/index.php/Harkon_Defense_TLDR" title="Harkon_Defense_TLDR" target="_blank">Harkon_Defense_TLDR</a></li>
<li>[[Bossing]]</li>
</ul>
</div>
</div>

</section>


<section id="tab-extras" class="tab-content" role="tabpanel" aria-labelledby="tab-extras-label" aria-hidden="true">
<div class="section-header">
<h2>Extras</h2>
<p class="section-lead">Wiki-specific navigation and content collections</p>
</div>
<div class="wikitable-like">
<div class="column">
<ul>
<li>[[FAQ]]</li>
<li>[[Vocabulary]]</li>
<li>[[QuickList of Wiki Links & References]]</li>
</ul>
</div>
<div class="column">
<ul>
<li>[[:Category:Categories|Wiki-Specific Navigation]]</li>
<li>[[MyShop Boxes (Permanent)]]</li>
<li>[[:Category:MyShop Boxes|List of MyShop Boxes (Temporary)]]</li>
</ul>
</div>
<div class="column">
<ul>
<li>[[MyShop WIP|MyShop WIP List]]</li>
<li>[[:Category:EpTO Custom Content|epTO Custom Content]]</li>
<li>[[:Category:CoraTO Custom Content|CoraTO Custom Content]]</li>
</ul>
</div>
</div>

</section>


<section id="tab-corato" class="tab-content" role="tabpanel" aria-labelledby="tab-corato-label" aria-hidden="true">
<div class="section-header">
<h2>CoraTO Contents</h2>
<p class="section-lead">Custom content and features specific to CoraTO server</p>
</div>
<div class="wikitable-like">
<div class="column">
<ul>
<li><b>[[Paula (Summary and Tips)|Paula]]</b></li>
<li><b>[[Major Bugs]]</b></li>
<li><b>[[Quality Of Life Updates|QoL/Skill/Other Changes]]</b></li>
<li><b>[[PyuPyu's_Exchange_(PyuPyu's_Scavenger_Hunt)|PyuPyu's Exchange / Scavenger Hunt]]</b></li>
<li><b>[[Cora Coupons]]</b></li>
<li><b>[[Cora Boxes]]</b></li>
</ul>
</div>
<div class="column">
<ul>
<li><b>[[Cora Eggs]]</b></li>
<li><b>[[PyuPyu Penguins]]</b></li>
<li><b>[[Harkon Defense Custom Exchanges|Harkon Shard Compound Exchange]]</b></li>
<li><b>[[Website Features]]</b></li>
<li><b>[[Fading Tower|Torres Tower]]</b></li>
<li><b>[[Chaos Tokens]]</b></li>
</ul>
</div>
<div class="column">
<ul>
<li><b>Anticipated Path of Progression - Coming soon</b></li>
<li><b>[[:Category:Custom Fuses|Custom Fuses]]</b></li>
<li><b><a href="https://mewsie.world/CoraTOWiki/index.php/Fashion" title="Fashion" target="_blank">Custom Fashion</a></b></li>
<li><b>[[:Category:Custom Exchanges|Custom Exchanges]]</b></li>
<li><b><a href="https://mewsie.world/CoraTOWiki/index.php/Daily_Quests" title="Daily Quest" target="_blank">Daily Quests</a></b></li>
</ul>
</div>
</div>

</section>
</main>

</div>
</body>
</html>
[[Category:Hollogramsie]]
[[Category:Daily Quests]]

Template:MainPage

2026-01-02T22:49:12Z

Noorisei:

<usestyle src="MainPage.css" />
<usestyle src="Tabs.css" />
<usestyle src="Tables.css" />
<usestyle src="Img.css" />

<usestyle src="ChangelogBox.css" />

<usescript src="ShowFirstTabs.js"/>

<html>
<html lang="en" id="top">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>CoraTO Wiki</title>

</head>
<body>


<header class="hero">
<div class="hero-inner">
<a href="https://discord.gg/zxK3Q3Gh34" target="_blank" style = "position: fixed; right: 0 ; top: 30;">
<img src="https://mewsie.world/CoraTOWiki/images/thumb/0/04/DiscordCoraTO.png/211px-DiscordCoraTO.png" width="120" alt="Discord CoraTO" alt="Enter Discord">
</a>
<div class="hero-logo"><img class="image-container" src="https://mewsie.world/CoraTOWiki/images/b/bf/Littlecora.png" alt="CoraTO Wiki"></div>
<h1 class="hero-title">Welcome to the [[Official_CoraTO_Wiki|Official CoraTO Wiki]]</h1>
<div class="status-pill">WIKI UNDER CONSTRUCTION</div>
</div>
</header>


<section class="highlights-section">
<div class="section-header">
<h2>Highlights</h2>
<p class="section-lead">Latest updates and featured content</p>
</div>

<div class="highlights-grid">
<article class="card highlight" data-link="New Update Available">
<div class="card-media"><img class="image-container" src="" alt="New Update Available"></div>
<div class="card-body">
<h3 class="card-title">New Update Available</h3>
</div>
</article>
<article class="card highlight" data-link="Class Balance Changes">
<div class="card-media"><img class="image-container" src="" alt="Class Balance Changes"></div>
<div class="card-body">
<h3 class="card-title">Class Balance Changes</h3>
</div>
</article>
<article class="card highlight" data-link="Daily Quests">
<div class="card-media"><img class="image-container" src="" alt="Daily Quests"></div>
<div class="card-body">
<h3 class="card-title">Daily Quests</h3>
</div>
</article>
<article class="card highlight" data-link="Quick n Dirty Tips For All New Players">
<div class="card-media">
<img class="image-container" src= "https://mewsie.world/CoraTOWiki/images/0/03/BeginnerICO.jpg" alt="Beginner's Guide"></div>
<div class="card-body">

<h3 class="card-title">Beginner's Guide</h3>
</div>
</article>
<article class="card highlight" data-link="Special Events">
<div class="card-media"><img class="image-container" src="https://mewsie.world/CoraTOWiki/images/8/8e/SpecialEventICO.jpg" alt="Special Events"></div>
<div class="card-body">
<h3 class="card-title">Special Events</h3>
</div>
</article>
<article class="card highlight" data-link="Community">
<div class="card-media"><img class="image-container" src="" alt="Community Highlights"></div>
<div class="card-body">
<h3 class="card-title">Community Highlights</h3>
</div>
</article>
</div>
</section>


<nav class="nav-tabs" role="tablist" aria-label="Main sections">
<button class="nav-tab active" role="tab" aria-selected="true" aria-controls="tab-overview" data-tab="tab-overview" tabindex="0"><span class="full-text">Overview</span><span class="short-text">Overview</span></button>
<button class="nav-tab" role="tab" aria-selected="false" aria-controls="tab-guides" data-tab="tab-guides" tabindex="-1"><span class="full-text">Guides</span><span class="short-text">Guides</span></button>
<button class="nav-tab" role="tab" aria-selected="false" aria-controls="tab-systems" data-tab="tab-systems" tabindex="-1"><span class="full-text">Trickster Systems</span><span class="short-text">Systems</span></button>
<button class="nav-tab" role="tab" aria-selected="false" aria-controls="tab-extras" data-tab="tab-extras" tabindex="-1"><span class="full-text">Extras</span><span class="short-text">Extras</span></button>
<button class="nav-tab" role="tab" aria-selected="false" aria-controls="tab-corato" data-tab="tab-corato" tabindex="-1"><span class="full-text">CoraTO Contents</span><span class="short-text">CoraTO</span></button>
</nav>


<main class="content">

<section id="tab-overview" class="tab-content active" role="tabpanel" aria-labelledby="tab-overview-label">
<div class="section-header">
<h2>Overview</h2>
<p class="section-lead">Welcome to the CoraTO Wiki - your guide to the game</p>
</div>

<div class="info-grid">
<div class="info-card">
<h3>Getting Started</h3>
<p>New to CoraTO? Explore quick tips, beginner-friendly guides, and community resources to start strong.</p>
</div>
<div class="info-card">
<h3>Popular Topics</h3>
<ul class="inline-list">
<li>[[How to Grind Galder]]</li>
<li>[[Refining]]</li>
<li>[[Chaos Tower (CT)]]</li>
<li>[[Bossing]]</li>
</ul>
</div>
<div class="info-card">
<h3>Community</h3>
<p>Join discussions, contribute guides, and collaborate with others to improve this wiki.</p>
</div>
</div>

</section>


<section id="tab-guides" class="tab-content" role="tabpanel" aria-labelledby="tab-guides-label" aria-hidden="true">
<div class="section-header">
<h2>Guides</h2>
<p class="section-lead">Curated collections to help you progress efficiently</p>
</div>
<div class="wikitable-like">
<div class="column">
<ul>
<li>[[Quick n Dirty Tips For All New Players|Quick and Dirty Tips for All New Players]]</li>
<li>[[How to Grind Galder]]</li>
<li>[[How to Compare Gear per Patch|How to Gear/Compare Gear per Patch]]</li>
</ul>
</div>
<div class="column">
<ul>
<li>[[Mew's Sheep Guide]]</li>
<li>[[Mew's Guardian Guide]]</li>
<li>[[Mew's General Newbie Guide|Mew's General Newbie Guide (WIP)]]</li>
</ul>
</div>
<div class="column">
<ul>
<li>[[FastlaneTM Resources|FastLane™ Resources]]</li>
<li>[[:Category:Guides|All Guides]]</li>
<li>[[Endgame PvE Tips to Keep Going|Post-end Game PvE Tips to Keep Playing]]!</li>
</ul>
</div>
</div>

</section>


<section id="tab-systems" class="tab-content" role="tabpanel" aria-labelledby="tab-systems-label" aria-hidden="true">
<div class="section-header">
<h2>Trickster Systems</h2>
<p class="section-lead">Core mechanics, activities, and progression systems</p>
</div>
<div class="wikitable-like">
<div class="column">
<ul>
<li>[[Controls and Secret Controls|Controls & Commands]]</li>
<li>[[Daily Coupons]]</li>
<li>[[Drilling]]</li>
<li>[[Important NPCs and Their Functions|NPCs and Their Functions]]</li>
<li>[[Chaos Tower (CT)]]</li>
<li>[[Refining]]</li>
<li>[[Tempering - Coming soon]]</li>
<li>[[MyShop]]</li>
</ul>
</div>
<div class="column">
<ul>
<li>[[MyCamp]]</li>
<li>[[Fiesta]]</li>
<li>[[Pets]]</li>
<li>Recycling - Coming soon</li>
<li>Treasure Maps & Black Market - Coming soon</li>
<li>[[1:1 Trading System]]</li>
<li><a href="https://mewsie.world/CoraTOWiki/index.php/Parties_%26_EXP_Share" title="Parties & XP Share" target="_blank">Parties & XP Share</a></li>
<li>[[Guilds]]</li>
</ul>
</div>
<div class="column">
<ul>
<li>Marriage - Coming soon</li>
<li>[[Quests & QuestLog|Quests + Questlog]]</li>
<li><a href="https://mewsie.world/CoraTOWiki/index.php/Fortune" title="Fortune" target="_blank">Fortune</a></li>
<li><a href="https://mewsie.world/CoraTOWiki/index.php/Compounding" title="Compounding" target="_blank">Compounding</a></li>
<li><a href="https://mewsie.world/CoraTOWiki/index.php/Mature_Compounding" title="Mature Compounding" target="_blank">Mature Compounding</a></li>
<li>Exchanging - Coming soon</li>
<li>[[Guardian Guide (TLDR)|Guardian TLDR]] + [[Mew's Guardian Guide]]</li>
<li><a href="https://mewsie.world/CoraTOWiki/index.php/Harkon_Defense_TLDR" title="Harkon_Defense_TLDR" target="_blank">Harkon_Defense_TLDR</a></li>
<li>[[Bossing]]</li>
</ul>
</div>
</div>

</section>


<section id="tab-extras" class="tab-content" role="tabpanel" aria-labelledby="tab-extras-label" aria-hidden="true">
<div class="section-header">
<h2>Extras</h2>
<p class="section-lead">Wiki-specific navigation and content collections</p>
</div>
<div class="wikitable-like">
<div class="column">
<ul>
<li>[[FAQ]]</li>
<li>[[Vocabulary]]</li>
<li>[[QuickList of Wiki Links & References]]</li>
</ul>
</div>
<div class="column">
<ul>
<li>[[:Category:Categories|Wiki-Specific Navigation]]</li>
<li>[[MyShop Boxes (Permanent)]]</li>
<li>[[:Category:MyShop Boxes|List of MyShop Boxes (Temporary)]]</li>
</ul>
</div>
<div class="column">
<ul>
<li>[[MyShop WIP|MyShop WIP List]]</li>
<li>[[:Category:EpTO Custom Content|epTO Custom Content]]</li>
<li>[[:Category:CoraTO Custom Content|CoraTO Custom Content]]</li>
</ul>
</div>
</div>

</section>


<section id="tab-corato" class="tab-content" role="tabpanel" aria-labelledby="tab-corato-label" aria-hidden="true">
<div class="section-header">
<h2>CoraTO Contents</h2>
<p class="section-lead">Custom content and features specific to CoraTO server</p>
</div>
<div class="wikitable-like">
<div class="column">
<ul>
<li><b>[[Paula (Summary and Tips)|Paula]]</b></li>
<li><b>[[Major Bugs]]</b></li>
<li><b>[[Quality Of Life Updates|QoL/Skill/Other Changes]]</b></li>
<li><b>[[PyuPyu's_Exchange_(PyuPyu's_Scavenger_Hunt)|PyuPyu's Exchange / Scavenger Hunt]]</b></li>
<li><b>[[Cora Coupons]]</b></li>
<li><b>[[Cora Boxes]]</b></li>
</ul>
</div>
<div class="column">
<ul>
<li><b>[[Cora Eggs]]</b></li>
<li><b>[[PyuPyu Penguins]]</b></li>
<li><b>[[Harkon Defense Custom Exchanges|Harkon Shard Compound Exchange]]</b></li>
<li><b>[[Website Features]]</b></li>
<li><b>[[Fading Tower|Torres Tower]]</b></li>
<li><b>[[Chaos Tokens]]</b></li>
</ul>
</div>
<div class="column">
<ul>
<li><b>Anticipated Path of Progression - Coming soon</b></li>
<li><b>[[:Category:Custom Fuses|Custom Fuses]]</b></li>
<li><b><a href="https://mewsie.world/CoraTOWiki/index.php/Fashion" title="Fashion" target="_blank">Custom Fashion</a></b></li>
<li><b>[[:Category:Custom Exchanges|Custom Exchanges]]</b></li>
<li><b><a href="https://mewsie.world/CoraTOWiki/index.php/Daily_Quests" title="Daily Quest" target="_blank">Daily Quests</a></b></li>
</ul>
</div>
</div>

</section>
</main>

</div>
</body>
</html>
[[Category:Hollogramsie]]
[[Daily Quests]]

Template:MainPage

2026-01-02T22:47:44Z

Noorisei:

<usestyle src="MainPage.css" />
<usestyle src="Tabs.css" />
<usestyle src="Tables.css" />
<usestyle src="Img.css" />

<usestyle src="ChangelogBox.css" />

<usescript src="ShowFirstTabs.js"/>

<html>
<html lang="en" id="top">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>CoraTO Wiki</title>

</head>
<body>


<header class="hero">
<div class="hero-inner">
<a href="https://discord.gg/zxK3Q3Gh34" target="_blank" style = "position: fixed; right: 0 ; top: 30;">
<img src="https://mewsie.world/CoraTOWiki/images/thumb/0/04/DiscordCoraTO.png/211px-DiscordCoraTO.png" width="120" alt="Discord CoraTO" alt="Enter Discord">
</a>
<div class="hero-logo"><img class="image-container" src="https://mewsie.world/CoraTOWiki/images/b/bf/Littlecora.png" alt="CoraTO Wiki"></div>
<h1 class="hero-title">Welcome to the [[Official_CoraTO_Wiki|Official CoraTO Wiki]]</h1>
<div class="status-pill">WIKI UNDER CONSTRUCTION</div>
</div>
</header>


<section class="highlights-section">
<div class="section-header">
<h2>Highlights</h2>
<p class="section-lead">Latest updates and featured content</p>
</div>

<div class="highlights-grid">
<article class="card highlight" data-link="New Update Available">
<div class="card-media"><img class="image-container" src="" alt="New Update Available"></div>
<div class="card-body">
<h3 class="card-title">New Update Available</h3>
</div>
</article>
<article class="card highlight" data-link="Class Balance Changes">
<div class="card-media"><img class="image-container" src="" alt="Class Balance Changes"></div>
<div class="card-body">
<h3 class="card-title">Class Balance Changes</h3>
</div>
</article>
<article class="card highlight" data-link="Daily Quests">
<div class="card-media"><img class="image-container" src="" alt="Daily Quests"></div>
<div class="card-body">
<h3 class="card-title">Daily Quests</h3>
</div>
</article>
<article class="card highlight" data-link="Quick n Dirty Tips For All New Players">
<div class="card-media">
<img class="image-container" src= "https://mewsie.world/CoraTOWiki/images/0/03/BeginnerICO.jpg" alt="Beginner's Guide"></div>
<div class="card-body">

<h3 class="card-title">Beginner's Guide</h3>
</div>
</article>
<article class="card highlight" data-link="Special Events">
<div class="card-media"><img class="image-container" src="https://mewsie.world/CoraTOWiki/images/8/8e/SpecialEventICO.jpg" alt="Special Events"></div>
<div class="card-body">
<h3 class="card-title">Special Events</h3>
</div>
</article>
<article class="card highlight" data-link="Community">
<div class="card-media"><img class="image-container" src="" alt="Community Highlights"></div>
<div class="card-body">
<h3 class="card-title">Community Highlights</h3>
</div>
</article>
</div>
</section>


<nav class="nav-tabs" role="tablist" aria-label="Main sections">
<button class="nav-tab active" role="tab" aria-selected="true" aria-controls="tab-overview" data-tab="tab-overview" tabindex="0"><span class="full-text">Overview</span><span class="short-text">Overview</span></button>
<button class="nav-tab" role="tab" aria-selected="false" aria-controls="tab-guides" data-tab="tab-guides" tabindex="-1"><span class="full-text">Guides</span><span class="short-text">Guides</span></button>
<button class="nav-tab" role="tab" aria-selected="false" aria-controls="tab-systems" data-tab="tab-systems" tabindex="-1"><span class="full-text">Trickster Systems</span><span class="short-text">Systems</span></button>
<button class="nav-tab" role="tab" aria-selected="false" aria-controls="tab-extras" data-tab="tab-extras" tabindex="-1"><span class="full-text">Extras</span><span class="short-text">Extras</span></button>
<button class="nav-tab" role="tab" aria-selected="false" aria-controls="tab-corato" data-tab="tab-corato" tabindex="-1"><span class="full-text">CoraTO Contents</span><span class="short-text">CoraTO</span></button>
</nav>


<main class="content">

<section id="tab-overview" class="tab-content active" role="tabpanel" aria-labelledby="tab-overview-label">
<div class="section-header">
<h2>Overview</h2>
<p class="section-lead">Welcome to the CoraTO Wiki - your guide to the game</p>
</div>

<div class="info-grid">
<div class="info-card">
<h3>Getting Started</h3>
<p>New to CoraTO? Explore quick tips, beginner-friendly guides, and community resources to start strong.</p>
</div>
<div class="info-card">
<h3>Popular Topics</h3>
<ul class="inline-list">
<li>[[How to Grind Galder]]</li>
<li>[[Refining]]</li>
<li>[[Chaos Tower (CT)]]</li>
<li>[[Bossing]]</li>
</ul>
</div>
<div class="info-card">
<h3>Community</h3>
<p>Join discussions, contribute guides, and collaborate with others to improve this wiki.</p>
</div>
</div>

</section>


<section id="tab-guides" class="tab-content" role="tabpanel" aria-labelledby="tab-guides-label" aria-hidden="true">
<div class="section-header">
<h2>Guides</h2>
<p class="section-lead">Curated collections to help you progress efficiently</p>
</div>
<div class="wikitable-like">
<div class="column">
<ul>
<li>[[Quick n Dirty Tips For All New Players|Quick and Dirty Tips for All New Players]]</li>
<li>[[How to Grind Galder]]</li>
<li>[[How to Compare Gear per Patch|How to Gear/Compare Gear per Patch]]</li>
</ul>
</div>
<div class="column">
<ul>
<li>[[Mew's Sheep Guide]]</li>
<li>[[Mew's Guardian Guide]]</li>
<li>[[Mew's General Newbie Guide|Mew's General Newbie Guide (WIP)]]</li>
</ul>
</div>
<div class="column">
<ul>
<li>[[FastlaneTM Resources|FastLane™ Resources]]</li>
<li>[[:Category:Guides|All Guides]]</li>
<li>[[Endgame PvE Tips to Keep Going|Post-end Game PvE Tips to Keep Playing]]!</li>
</ul>
</div>
</div>

</section>


<section id="tab-systems" class="tab-content" role="tabpanel" aria-labelledby="tab-systems-label" aria-hidden="true">
<div class="section-header">
<h2>Trickster Systems</h2>
<p class="section-lead">Core mechanics, activities, and progression systems</p>
</div>
<div class="wikitable-like">
<div class="column">
<ul>
<li>[[Controls and Secret Controls|Controls & Commands]]</li>
<li>[[Daily Coupons]]</li>
<li>[[Drilling]]</li>
<li>[[Important NPCs and Their Functions|NPCs and Their Functions]]</li>
<li>[[Chaos Tower (CT)]]</li>
<li>[[Refining]]</li>
<li>[[Tempering - Coming soon]]</li>
<li>[[MyShop]]</li>
</ul>
</div>
<div class="column">
<ul>
<li>[[MyCamp]]</li>
<li>[[Fiesta]]</li>
<li>[[Pets]]</li>
<li>Recycling - Coming soon</li>
<li>Treasure Maps & Black Market - Coming soon</li>
<li>[[1:1 Trading System]]</li>
<li><a href="https://mewsie.world/CoraTOWiki/index.php/Parties_%26_EXP_Share" title="Parties & XP Share" target="_blank">Parties & XP Share</a></li>
<li>[[Guilds]]</li>
</ul>
</div>
<div class="column">
<ul>
<li>Marriage - Coming soon</li>
<li>[[Quests & QuestLog|Quests + Questlog]]</li>
<li><a href="https://mewsie.world/CoraTOWiki/index.php/Fortune" title="Fortune" target="_blank">Fortune</a></li>
<li><a href="https://mewsie.world/CoraTOWiki/index.php/Compounding" title="Compounding" target="_blank">Compounding</a></li>
<li><a href="https://mewsie.world/CoraTOWiki/index.php/Mature_Compounding" title="Mature Compounding" target="_blank">Mature Compounding</a></li>
<li>Exchanging - Coming soon</li>
<li>[[Guardian Guide (TLDR)|Guardian TLDR]] + [[Mew's Guardian Guide]]</li>
<li><a href="https://mewsie.world/CoraTOWiki/index.php/Harkon_Defense_TLDR" title="Harkon_Defense_TLDR" target="_blank">Harkon_Defense_TLDR</a></li>
<li>[[Bossing]]</li>
</ul>
</div>
</div>

</section>


<section id="tab-extras" class="tab-content" role="tabpanel" aria-labelledby="tab-extras-label" aria-hidden="true">
<div class="section-header">
<h2>Extras</h2>
<p class="section-lead">Wiki-specific navigation and content collections</p>
</div>
<div class="wikitable-like">
<div class="column">
<ul>
<li>[[FAQ]]</li>
<li>[[Vocabulary]]</li>
<li>[[QuickList of Wiki Links & References]]</li>
</ul>
</div>
<div class="column">
<ul>
<li>[[:Category:Categories|Wiki-Specific Navigation]]</li>
<li>[[MyShop Boxes (Permanent)]]</li>
<li>[[:Category:MyShop Boxes|List of MyShop Boxes (Temporary)]]</li>
</ul>
</div>
<div class="column">
<ul>
<li>[[MyShop WIP|MyShop WIP List]]</li>
<li>[[:Category:EpTO Custom Content|epTO Custom Content]]</li>
<li>[[:Category:CoraTO Custom Content|CoraTO Custom Content]]</li>
</ul>
</div>
</div>

</section>


<section id="tab-corato" class="tab-content" role="tabpanel" aria-labelledby="tab-corato-label" aria-hidden="true">
<div class="section-header">
<h2>CoraTO Contents</h2>
<p class="section-lead">Custom content and features specific to CoraTO server</p>
</div>
<div class="wikitable-like">
<div class="column">
<ul>
<li><b>[[Paula (Summary and Tips)|Paula]]</b></li>
<li><b>[[Major Bugs]]</b></li>
<li><b>[[Quality Of Life Updates|QoL/Skill/Other Changes]]</b></li>
<li><b>[[PyuPyu's_Exchange_(PyuPyu's_Scavenger_Hunt)|PyuPyu's Exchange / Scavenger Hunt]]</b></li>
<li><b>[[Cora Coupons]]</b></li>
<li><b>[[Cora Boxes]]</b></li>
</ul>
</div>
<div class="column">
<ul>
<li><b>[[Cora Eggs]]</b></li>
<li><b>[[PyuPyu Penguins]]</b></li>
<li><b>[[Harkon Defense Custom Exchanges|Harkon Shard Compound Exchange]]</b></li>
<li><b>[[Website Features]]</b></li>
<li><b>[[Fading Tower|Torres Tower]]</b></li>
<li><b>[[Chaos Tokens]]</b></li>
</ul>
</div>
<div class="column">
<ul>
<li><b>Anticipated Path of Progression - Coming soon</b></li>
<li><b>[[:Category:Custom Fuses|Custom Fuses]]</b></li>
<li><b><a href="https://mewsie.world/CoraTOWiki/index.php/Fashion" title="Fashion" target="_blank">Custom Fashion</a></b></li>
<li><b>[[:Category:Custom Exchanges|Custom Exchanges]]</b></li>
<li><b><a href="https://mewsie.world/CoraTOWiki/index.php/Daily_Quests" title="Daily Quest" target="_blank">Daily Quests</a></b></li>
</ul>
</div>
</div>

</section>
</main>

</div>
</body>
</html>
[[Category:Main Pages]]

MediaWiki:Vector.css

2026-01-02T22:18:25Z

Noorisei:

figcaption {

background: var(--bg) !important;
}

.hero {
background: var(--bg-1);
border: 2px solid var(--border);
border-radius: 20px;
max-width: 1200px;
margin: 0 auto 16px auto;
box-shadow: 0 6px 24px var(--shadow-soft);

}

.hero-inner {
padding: clamp(18px, 3vw, 36px);
text-align: center;
}

.hero-title {
margin: 8px 0 4px 0;
font-size: clamp(22px, 4vw, 36px);
font-weight: 800;
background: linear-gradient(135deg, var(--heading-gradient-start), var(--heading-gradient-end));

background-clip: text;

}

.hero-subtitle {
color: var(--text-muted);
font-size: clamp(14px, 2.2vw, 18px);
}

.status-pill {
display: inline-block;
margin-top: 10px;
padding: 8px 14px;
border-radius: 999px;
font-weight: 700;
color: var(--text-strong);
background: var(--primary);
animation: fadeInOut 2s ease-in-out infinite;
}

/* ========================================
BackToTopButton.css
Botão "Back to Top" (BtT)
======================================== */

/* ==========================================================================
Base
========================================================================== */
.btt-button {
position: fixed;
bottom: 30px;
right: 30px;
width: 50px;
height: 50px;
border: none;
border-radius: 12px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
z-index: 1000;
opacity: 0;
visibility: hidden;
transform: translateY(20px) scale(0.8);
backdrop-filter: blur(10px);
}

/* ==========================================================================
Estados
========================================================================== */
.btt-button.show {
opacity: 1;
visibility: visible;
transform: translateY(0) scale(1);
}

.btt-button:hover {
transform: translateY(-3px) scale(1.05);
}

.btt-button:active {
transform: translateY(-1px) scale(0.98);
}

/* ==========================================================================
Ícone (seta)
========================================================================== */
.btt-button::before {
content: '';
width: 0;
height: 0;
border-left: 8px solid;
border-right: 8px solid;
border-bottom: 12px solid;
transition: all 0.3s ease;
}

.btt-button:hover::before {
transform: translateY(-2px);
}

/* ==========================================================================
Animação (pulse)
========================================================================== */
@keyframes btt-pulse {
0% { opacity: 1; }
50% { opacity: 1; }
100% { opacity: 1; }
}

.btt-button.pulse {
animation: btt-pulse 2s ease-in-out 3;
}

/* ==========================================================================
Responsividade
========================================================================== */
@media (max-width: 768px) {
.btt-button {
bottom: 20px;
right: 20px;
width: 45px;
height: 45px;
}

.btt-button::before {
border-left-width: 7px;
border-right-width: 7px;
border-bottom-width: 10px;
}
}

@media (max-width: 480px) {
.btt-button {
bottom: 15px;
right: 15px;
width: 40px;
height: 40px;
}

.btt-button::before {
border-left-width: 6px;
border-right-width: 6px;
border-bottom-width: 9px;
}
}

/* ==========================================================================
Acessibilidade
========================================================================== */
@media (prefers-contrast: high) {
.btt-button {
border: 2px solid;
}
}

@media (prefers-reduced-motion: reduce) {
.btt-button {
transition: opacity 0.3s ease;
}

.btt-button:hover {
transform: none;
}

.btt-button::before {
transition: none;
}

.btt-button:hover::before {
transform: none;
}

.btt-button.pulse {
animation: none;
}
}

/* ========================================
ContentContainer.css
Container principal de conteúdo (#content / .mw-body)
======================================== */

body.skin-vector-legacy #content,
body.skin-vector-legacy .mw-body {
border: 1px solid !important;
border-radius: 12px !important;
margin: 50px auto !important;
max-width: 1500px;
}

#content::before,
.mw-body::before {
content: '' !important;
position: absolute !important;
inset: -1px !important;
border-radius: 12px !important;
z-index: -1 !important;
opacity: 0.1 !important;
}

/* ========================================
Forms.css
Inputs e formulários (search, text, select, textarea)
======================================== */

input[type="text"],
input[type="search"],
textarea,
select {
border: 2px solid !important;
border-radius: 8px !important;
padding: 8px 16px !important;
font-family: inherit !important;
transition: 0.15s ease !important;

}

input[type="text"]:focus,
input[type="search"]:focus,
textarea:focus,
select:focus {

}

/* ========================================
HamburguerMenu.css
Sidebar (Vector Legacy) + menu hambúrguer + overlay
======================================== */

/* ==========================================================================
Variáveis reutilizáveis (dimensões e cores)
========================================================================== */

/* ==========================================================================
Sidebar (container)
========================================================================== */
body.skin-vector-legacy #mw-panel {
border-right: 2px solid;
padding: 18px 0;
border-radius: 14px;
transform: translateX(-100%);
transition: transform .3s ease;
position: fixed;
z-index: 1000;
height: 100vh;
width: 220px;
overflow-y: auto;
overflow-x: hidden;
}

/* Exibe sidebar somente quando mobile-open está presente */
body.skin-vector-legacy #mw-panel.mobile-open {
transform: translateX(0);
}

/* Overlay ao abrir a sidebar */
body.sidebar-open::before {
content: '';
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
opacity: 1;
transition: opacity .3s ease;
background: rgba(0, 0, 0, 0.5);
}

/* ==========================================================================
Sidebar (portais e itens)
========================================================================== */
body.skin-vector-legacy #mw-panel .vector-menu-portal,
body.skin-vector-legacy #mw-panel .portal {
padding: 10px;
border: 3px solid;
border-radius: 14px;
overflow: hidden;
}

body.skin-vector-legacy #mw-panel .vector-menu-portal .vector-menu-heading,
body.skin-vector-legacy #mw-panel .portal h3 {
margin: 0;
padding: 10px 12px;
font-size: 0.92em;
font-weight: 700;
letter-spacing: .3px;
text-decoration: underline;
border-bottom: 1px;
text-shadow: 0 1px 2px rgb(0, 0, 0) !important;
cursor: pointer;
user-select: none;
position: relative;
transition: background 0.3s ease, transform 0.2s ease;
border-radius: 14px;
}

body.skin-vector-legacy #mw-panel .vector-menu-portal .vector-menu-heading:hover,
body.skin-vector-legacy #mw-panel .portal h3:hover {
transform: translateY(-1px);
}

body.skin-vector-legacy #mw-panel .vector-menu-portal .vector-menu-heading::after,
body.skin-vector-legacy #mw-panel .portal h3::after {
content: '▼';
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
font-size: 0.8em;
transition: transform 0.3s ease;
border-radius: 14px;
}

body.skin-vector-legacy #mw-panel .vector-menu-portal.collapsed .vector-menu-heading::after,
body.skin-vector-legacy #mw-panel .portal.collapsed h3::after {
transform: translateY(-50%) rotate(-90deg);
}

body.skin-vector-legacy #mw-panel .vector-menu-content ul,
body.skin-vector-legacy #mw-panel .portal .body ul {
list-style: none;
margin: 0;
padding: 4px 0;
border-radius: 14px;
}

body.skin-vector-legacy #mw-panel .vector-menu-content,
body.skin-vector-legacy #mw-panel .portal .body {
max-height: none;
overflow: hidden;
transition: max-height 0.4s ease, opacity 0.3s ease;
opacity: 1;
}

body.skin-vector-legacy #mw-panel .vector-menu-portal.collapsed .vector-menu-content,
body.skin-vector-legacy #mw-panel .portal.collapsed .body {
max-height: 0 !important;
opacity: 0;
padding: 0;
}

body.skin-vector-legacy #mw-panel .vector-menu-portal.collapsed,
body.skin-vector-legacy #mw-panel .portal.collapsed { margin-bottom: 8px; }

body.skin-vector-legacy #mw-panel .vector-menu-portal.collapsed .vector-menu-heading,
body.skin-vector-legacy #mw-panel .portal.collapsed h3 {
border-bottom: none;
border-radius: 14px;
}

body.skin-vector-legacy #mw-panel .vector-menu-content li,
body.skin-vector-legacy #mw-panel .portal .body li { border-bottom: 1px solid; }

body.skin-vector-legacy #mw-panel .vector-menu-content li:last-child,
body.skin-vector-legacy #mw-panel .portal .body li:last-child { border-bottom: 0; }

body.skin-vector-legacy #mw-panel .vector-menu-content a,
body.skin-vector-legacy #mw-panel .portal .body a {
display: block;
padding: 8px 14px;
text-decoration: none;
border-radius: 10px;
border-left: 3px solid;
transition: color .2s ease, background-color .2s ease, border-color .2s ease, padding .2s ease;
}

body.skin-vector-legacy #mw-panel .vector-menu-content a:hover,
body.skin-vector-legacy #mw-panel .portal .body a:hover {
padding-left: 18px;
}

/* ==========================================================================
Scrollbar (sidebar)
========================================================================== */
body.skin-vector-legacy #mw-panel::-webkit-scrollbar { width: 6px; }
body.skin-vector-legacy #mw-panel::-webkit-scrollbar-thumb { border-radius: 3px; }

/* ==========================================================================
Menu hambúrguer (toggle)
========================================================================== */
.mobile-hamburger-menu {
display: flex;
position: fixed;
top: 20px;
left: 20px;
z-index: 1002;
width: 50px;
height: 50px;
border: none;
border-radius: 14px;
cursor: pointer;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 4px;
transition: transform .3s ease, box-shadow .3s ease;
padding: 0;
background: linear-gradient(135deg, #ff6b9d, #ff8fb0);
}

.mobile-hamburger-menu:hover {
transform: translateY(-2px);
}

.mobile-hamburger-menu span {
display: block;
width: 25px;
height: 3px;
border-radius: 2px;
transition: transform .3s ease, opacity .3s ease;
transform-origin: center;
background: #ffffff;
}

.mobile-hamburger-menu.active span:nth-child(1) { transform: rotate(45deg) translate(6px, 6px); }
.mobile-hamburger-menu.active span:nth-child(2) { opacity: 0; }
.mobile-hamburger-menu.active span:nth-child(3) { transform: rotate(-45deg) translate(6px, -6px); }

/* ==========================================================================
Logo “peek” (quando sidebar está recolhida/aberta)
========================================================================== */
body.skin-vector-legacy #p-logo { margin: 0 12px 18px; }

body.skin-vector-legacy #p-logo a {
display: block;
border: 1px solid;
border-radius: 14px;
padding: 12px;
transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

body.skin-vector-legacy #p-logo a:hover {
transform: translateY(-2px);
}

body.skin-vector-legacy #p-logo {
position: absolute;
top: 12px;
left: calc(100% + 12px);
margin: 0;
z-index: 1001;
}

body.skin-vector-legacy #p-logo a {
width: 56px;
height: 56px;
padding: 0;
display: block;
border-radius: 10px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border: 1px solid;
}

body.skin-vector-legacy #mw-panel.mobile-open #p-logo {
position: relative;
left: auto;
top: auto;
margin: 0 12px 18px;
}

body.skin-vector-legacy #mw-panel.mobile-open #p-logo a {
width: auto;
height: auto;
padding: 12px;
background-size: contain;
}

/* ==========================================================================
Acessibilidade
========================================================================== */
@media (prefers-contrast: more) {
body.skin-vector-legacy #mw-panel .vector-menu-content a:hover { text-decoration: underline; }
}

/* ========================================
Header.css
Cabeçalho (#mw-head) do Vector Legacy
======================================== */

#mw-head {
padding: 10px ;
border-bottom: 2px solid;
border: 1px solid;
border-radius: 8px;

}

/* ========================================
HeaderTabs.css
Abas e ações do cabeçalho (views/actions/watch)
======================================== */

/* ==========================================================================
Botões base
========================================================================== */
#ca-view a,
#ca-viewsource a,
#ca-ve-edit a,
#ca-edit a,
#ca-history a,
#p-cactions .vector-menu-heading ,
#ca-delete a,
#ca-move a,
#ca-protect a {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
padding: 8px 12px !important;
margin: 4px 6px 0 0 !important;
border-radius: 10px !important;
border: 2px solid !important;
font-weight: 700 !important;
text-decoration: none !important;
transition: transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease, border-color .2s ease !important;
}

/* ==========================================================================
Watch / Unwatch (ícones)
========================================================================== */
#ca-watch a,
#ca-unwatch a {
font-size: 0;
width: 24px;
height: 24px;
padding: 0;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
}

#ca-watch a {
content: "";
display: block;
width: 16px;
height: 16px;
background-image: url("https://mewsie.world/CoraTOWiki/images/2/28/EmptyPinkStar.png");
background-size: contain;
background-repeat: no-repeat;
border-radius: 10px !important;
}

#ca-unwatch a {
content: "";
display: block;
width: 16px;
height: 16px;
background-image: url("https://mewsie.world/CoraTOWiki/images/c/cc/FullPinkStar.png");
background-size: contain;
background-repeat: no-repeat;
border-radius: 10px !important;
}

/* ==========================================================================
Hover / active
========================================================================== */
#ca-view a:hover,
#ca-viewsource a:hover,
#ca-edit a:hover,
#ca-history a:hover,
#ca-watch a:hover,
#ca-unwatch a:hover,
#p-cactions .vector-menu-heading:hover,
#ca-delete a:hover,
#ca-move a:hover,
#ca-protect a:hover {
transform: translateY(-2px) !important;
}

/* ==========================================================================
Remoções e resets do cabeçalho
========================================================================== */
#pt-anontalk,
#p-namespaces,
#pt-anoncontribs,
#ca-talk,
#ca-nstab-main,
#ca-nstab-mediawiki {
display: none !important;
}

#ca-talk,
#ca-nstab-main,
#ca-nstab-mediawiki,
#ca-view,
#ca-viewsource,
#ca-edit,
#ca-ve-edit,
#ca-history,
#ca-watch,
#ca-unwatch,
#ca-more,
#mw-page-base {
border: none !important;
padding: 0 !important;
margin: 0 4px !important;
}

// Variáveis LESS que recebem valores das variáveis CSS
@bg-1: var(--bg-1);
@border: var(--border);
@shadow-soft: var(--shadow-soft);
@heading-gradient-start: var(--heading-gradient-start);
@heading-gradient-end: var(--heading-gradient-end);
@text-muted: var(--text-muted);
@text-strong: var(--text-strong);
@primary: var(--primary);

// Estilos
.hero {
background: @bg-1;
border: 2px solid @border;
border-radius: 20px;
max-width: 1200px;
margin: 0 auto 16px auto;
box-shadow: 0 6px 24px @shadow-soft;
}

.hero-inner {
padding: clamp(18px, 3vw, 36px);
text-align: center;
}

.hero-title {
margin: 8px 0 4px 0;
font-size: clamp(22px, 4vw, 36px);
font-weight: 800;
background: linear-gradient(135deg, @heading-gradient-start, @heading-gradient-end);
background-clip: text;
}

.hero-subtitle {
color: @text-muted;
font-size: clamp(14px, 2.2vw, 18px);
}

.status-pill {
display: inline-block;
margin-top: 10px;
padding: 8px 14px;
border-radius: 999px;
font-weight: 700;
color: @text-strong;
background: @primary;
animation: fadeInOut 2s ease-in-out infinite;
}

body.skin-vector-legacy.has-user-menu-collapsible #p-personal,
body.skin-vector-legacy.has-personal-menu-collapsible #p-personal {
display: none;
}

body.skin-vector-legacy .personal-menu-container {
position: fixed;
top: 120px;
right: 0;
z-index: 1000;
overflow: visible;
display: flex;
flex-direction: row;
}

body.skin-vector-legacy .personal-menu-header {
display: flex;
align-items: center;
padding: 6px 12px;
top: 2;
right: 0;
position: fixed;
cursor: pointer;
user-select: none;
transition: background 0.3s ease;
border-radius: 14px 0 0 14px;
white-space: nowrap;
font-weight: bold;
height: auto;
writing-mode: horizontal-tb;
border: 1px solid;
flex-direction: row;
}

body.skin-vector-legacy .personal-menu-header::after {
content: '';
display: inline-block;
width: 25px;
height: 25px;
font-weight: bold;
background-image: url( https://mewsie.world/CoraTOWiki/images/9/97/LeftArrow.png );
background-size: contain;
background-repeat: no-repeat;
background-position: center;
position: relative;
margin-left: 6px;
transition: transform 0.3s ease;
}

body.skin-vector-legacy .personal-menu-container.expanded .personal-menu-header::after {
transform: rotate( 180deg );
}

body.skin-vector-legacy .personal-menu-content {
position: absolute;
top: 0;
right: 100%;
border: 1px solid;
border-radius: 14px;
padding: 10px;
width: 0;
overflow: hidden;
opacity: 0;
transition: width 0.4s ease, opacity 0.3s ease;
display: flex;
flex-direction: column;
}

body.skin-vector-legacy .personal-menu-container.expanded .personal-menu-content {
width: 180px;
opacity: 1;
}

body.skin-vector-legacy .personal-menu-list {
list-style: none;
margin: 0;
padding: 0;
}

body.skin-vector-legacy .personal-menu-list li {
margin: 5px 0;
white-space: nowrap;
border-bottom: 1px solid;
}

body.skin-vector-legacy .personal-menu-list li:last-child {
border-bottom: 0;
}

body.skin-vector-legacy .personal-menu-list a {
display: block;
text-decoration: none;
padding: 8px 10px;
border-radius: 10px;
border-left: 3px solid;
transition: background 0.3s ease, padding-left 0.3s ease, color 0.3s ease;
}

body.skin-vector-legacy .personal-menu-list a:hover {
padding-left: 18px;
}

body.skin-vector-legacy .personal-menu-list #pt-anonuserpage {
display: block;
padding: 8px 10px;
border-radius: 10px;
border-left: 3px solid;
background: none;
color: inherit;
}

body.skin-vector-legacy .personal-menu-list #pt-anonuserpage:hover {
padding-left: 18px;
}

body.skin-vector-legacy .personal-menu-list a.mw-ui-button {
background: none;
border: 0;
box-shadow: none;
font-weight: inherit;
text-shadow: none;
}

#pt-theme-menu {
position: relative;
}

#pt-theme-menu .themeMenu {
position: relative;
display: inline-block;
}

#pt-theme-menu .themeMenu-toggle {
appearance: none;
background: transparent;
border: 1px solid transparent;
border-radius: 4px;
color: inherit;
cursor: pointer;
font: inherit;
line-height: 1.2;
padding: 0.25em 0.55em;
}

#pt-theme-menu .themeMenu-toggle:hover,
#pt-theme-menu .themeMenu.is-open .themeMenu-toggle {
background: var( --surface );
border-color: var( --border );
}

#pt-theme-menu .themeMenu-dropdown {
display: none;
position: absolute;
right: 0;
top: calc( 100% + 0.35em );
min-width: 180px;
margin: 0;
padding: 0.25em 0;
list-style: none;
background: var( --surface );
border: 1px solid var( --border );
border-radius: 6px;
box-shadow: 0 6px 18px var( --shadow-medium );
z-index: 9999;
}

#pt-theme-menu .themeMenu.is-open .themeMenu-dropdown {
display: block;
}

#pt-theme-menu .themeMenu-itemWrap {
margin: 0;
padding: 0;
}

#pt-theme-menu .themeMenu-item {
display: block;
padding: 0.45em 0.8em;
color: var( --text );
text-decoration: none;
white-space: nowrap;
}

#pt-theme-menu .themeMenu-item:hover,
#pt-theme-menu .themeMenu-item:focus {
background: var( --bg-1 );
color: var( --text-strong );
}

#pt-theme-menu .themeMenu-item.is-current {
font-weight: 700;
}

#mw-theme-floating {
position: fixed;
top: 0.6em;
right: 0.8em;
z-index: 10000;
}

#mw-theme-floating .themeMenu {
position: relative;
display: inline-block;
}

#mw-theme-floating .themeMenu-toggle {
appearance: none;
background: var( --surface );
border: 1px solid var( --border );
border-radius: 6px;
color: var( --text );
cursor: pointer;
font: inherit;
line-height: 1.2;
padding: 0.35em 0.65em;
box-shadow: 0 6px 18px var( --shadow-soft );
}

#mw-theme-floating .themeMenu-toggle:hover,
#mw-theme-floating .themeMenu.is-open .themeMenu-toggle {
background: var( --bg-1 );
}

#mw-theme-floating .themeMenu-dropdown {
display: none;
position: absolute;
right: 0;
top: calc( 100% + 0.35em );
min-width: 180px;
margin: 0;
padding: 0.25em 0;
list-style: none;
background: var( --surface );
border: 1px solid var( --border );
border-radius: 6px;
box-shadow: 0 6px 18px var( --shadow-medium );
z-index: 10001;
}

#mw-theme-floating .themeMenu.is-open .themeMenu-dropdown {
display: block;
}

#mw-theme-floating .themeMenu-item {
display: block;
padding: 0.45em 0.8em;
color: var( --text );
text-decoration: none;
white-space: nowrap;
}

#mw-theme-floating .themeMenu-item:hover,
#mw-theme-floating .themeMenu-item:focus {
background: var( --bg-1 );
color: var( --text-strong );
}

#mw-theme-floating .themeMenu-item.is-current {
font-weight: 700;
}

/* ========================================
UserMenu.css
Menu de usuário lateral (custom)
======================================== */

/* ==========================================================================
Container (posição e layout)
========================================================================== */
body.skin-vector-legacy .user-menu-container {
position: fixed;
top: 120px;
right: 0;
z-index: 1000;
overflow: visible;
display: flex;
flex-direction: row;
}

/* ==========================================================================
Header (toggle)
========================================================================== */
body.skin-vector-legacy .user-menu-header {
display: flex;
align-items: center;
padding: 6px 12px;
top: 2;
right: 0;
position: fixed;
cursor: pointer;
user-select: none;
transition: background 0.3s ease;
border-radius: 14px 0 0 14px;
white-space: nowrap;
font-weight: bold;
height: auto;
writing-mode: horizontal-tb;
border: 1px solid;
flex-direction: row;
}

body.skin-vector-legacy .user-menu-header::after {
content: '';
display: inline-block;
width: 25px;
height: 25px;
font-weight: bold;
background-image: url( https://mewsie.world/CoraTOWiki/images/9/97/LeftArrow.png );
background-size: contain;
background-repeat: no-repeat;
background-position: center;
position: relative;
margin-left: 6px;
transition: transform 0.3s ease;
}

body.skin-vector-legacy .user-menu-container.expanded .user-menu-header::after {
transform: rotate( 180deg );
}

/* ==========================================================================
Conteúdo (área expansível)
========================================================================== */
body.skin-vector-legacy .user-menu-content {
position: absolute;
top: 0;
right: 100%;
border: 1px solid;
border-radius: 14px;
padding: 10px;
width: 0;
overflow: hidden;
opacity: 0;
transition: width 0.4s ease, opacity 0.3s ease;
display: flex;
flex-direction: column;
}

body.skin-vector-legacy .user-menu-container.expanded .user-menu-content {
width: 180px;
opacity: 1;
}

/* ==========================================================================
Lista de links
========================================================================== */
body.skin-vector-legacy .user-menu-list {
list-style: none;
margin: 0;
padding: 0;
}

body.skin-vector-legacy .user-menu-list li {
margin: 5px 0;
white-space: nowrap;
border-bottom: 1px solid;
}

body.skin-vector-legacy .user-menu-list li:last-child {
border-bottom: 0;
}

body.skin-vector-legacy .user-menu-list a {
display: block;
text-decoration: none;
padding: 8px 10px;
border-radius: 10px;
border-left: 3px solid;
transition: background 0.3s ease, padding-left 0.3s ease, color 0.3s ease;
}

body.skin-vector-legacy .user-menu-list a:hover {
padding-left: 18px;
}

MediaWiki:Common.js

2026-01-02T22:18:13Z

Noorisei:

MediaWiki:Common.js

2026-01-02T22:17:18Z

Noorisei: Blanked the page

MediaWiki:Vector.css

2026-01-02T22:17:04Z

Noorisei: Blanked the page

MediaWiki:Common.js

2026-01-02T22:02:08Z

Noorisei:

MediaWiki:Common.js

2026-01-02T22:00:02Z

Noorisei:

( function () {
'use strict';

function ensureThemeStylesLoaded() {
try {
if ( !window.mw || !mw.loader || !mw.config ) {
return;
}

const skin = mw.config.get( 'skin' ) || 'vector';
const moduleName = 'themeloader.skins.' + skin + '.default';

if ( typeof mw.loader.getState === 'function' ) {
const state = mw.loader.getState( moduleName );
if ( state === null ) {
return;
}
if ( state === 'ready' || state === 'loading' ) {
return;
}
}

mw.loader.load( moduleName );
} catch ( e ) {
// Ignore error
}
}

function getSavedTheme() {
try {
return localStorage.getItem( 'mw-theme' ) || 'default';
} catch ( e ) {
return 'default';
}
}

// Define available themes matching christmas.css roots
const themes = [
{ name: 'Pink', id: 'default' },
{ name: 'Dark', id: 'dark-neutral' },
{ name: 'Christmas', id: 'christmas' },
{ name: 'Power Light', id: 'power-light' },
{ name: 'Magic Light', id: 'magic-light' },
{ name: 'Sense Light', id: 'sense-light' },
{ name: 'Charm Light', id: 'charm-light' },
{ name: 'Power Dark', id: 'power-dark' },
{ name: 'Charm Dark', id: 'charm-dark' },
{ name: 'Magic Dark', id: 'dark-lightBlue' },
{ name: 'Sense Dark', id: 'dark-purple' },
];

// Function to apply theme
function applyTheme( themeId ) {
ensureThemeStylesLoaded();

try {
localStorage.setItem( 'mw-theme', themeId );
} catch ( e ) {
// Ignore error
}

if ( themeId === 'default' ) {
document.documentElement.removeAttribute( 'data-theme' );
} else {
document.documentElement.setAttribute( 'data-theme', themeId );
}
}

// Initialize theme immediately
ensureThemeStylesLoaded();
applyTheme( getSavedTheme() );

// Wait for DOM
const domReady = function ( callback ) {
if ( document.readyState === 'loading' ) {
document.addEventListener( 'DOMContentLoaded', callback );
} else {
setTimeout( callback, 0 );
}
};

domReady( function () {
// Prevent duplicate injection
if ( document.getElementById( 'mw-theme-floating' ) ) {
return;
}

// Create Floating Container
// ID matches CSS: #mw-theme-floating
const container = document.createElement( 'div' );
container.id = 'mw-theme-floating';

// Create Inner Wrapper
// Class matches CSS: .themeMenu
const themeMenuDiv = document.createElement( 'div' );
themeMenuDiv.className = 'themeMenu';

// Create Toggle Button
// Class matches CSS: .themeMenu-toggle
const btn = document.createElement( 'button' );
btn.className = 'themeMenu-toggle';
btn.textContent = 'Appearence';
btn.title = 'Change appearence';
btn.type = 'button';

// Create Dropdown List
// Class matches CSS: .themeMenu-dropdown
const dropdown = document.createElement( 'ul' );
dropdown.className = 'themeMenu-dropdown';

// Populate Items
themes.forEach( function ( theme ) {
// Item Wrapper
// CSS doesn't strictly require this wrapper for floating,
// but theme-menu.css might use .themeMenu-itemWrap
const itemWrap = document.createElement( 'li' );
itemWrap.className = 'themeMenu-itemWrap';

const themeLink = document.createElement( 'a' );
themeLink.className = 'themeMenu-item';
themeLink.href = '#';
themeLink.textContent = theme.name;
themeLink.dataset.themeId = theme.id;

// Highlight current
const currentTheme = getSavedTheme();
if ( theme.id === currentTheme ) {
themeLink.classList.add( 'is-current' );
}

themeLink.addEventListener( 'click', function ( e ) {
e.preventDefault();
ensureThemeStylesLoaded();
applyTheme( theme.id );

// Update highlighting
dropdown.querySelectorAll( '.themeMenu-item' ).forEach( function ( link ) {
link.classList.remove( 'is-current' );
} );
themeLink.classList.add( 'is-current' );

// Close menu
themeMenuDiv.classList.remove( 'is-open' );
} );

itemWrap.appendChild( themeLink );
dropdown.appendChild( itemWrap );
} );

// Toggle Logic
// CSS uses .themeMenu.is-open .themeMenu-dropdown { display: block }
btn.addEventListener( 'click', function ( e ) {
e.preventDefault();
e.stopPropagation();
themeMenuDiv.classList.toggle( 'is-open' );
} );

// Click Outside Logic
document.addEventListener( 'click', function ( e ) {
if ( !themeMenuDiv.contains( e.target ) ) {
themeMenuDiv.classList.remove( 'is-open' );
}
} );

// Assemble
themeMenuDiv.appendChild( btn );
themeMenuDiv.appendChild( dropdown );
container.appendChild( themeMenuDiv );

// Inject into Body
document.body.appendChild( container );
} );

}() );

MediaWiki:Common.js

2026-01-02T21:59:12Z

Noorisei: Blanked the page

Chaos Tokens

2026-01-02T21:47:58Z

Noorisei:

<usestyle src="Tabs.css" />
<usestyle src="Overview.css" />
<usestyle src="Img.css" />
<usestyle src="ChaosMonsterCard.css" />
<usestyle src="PartyQuest.css" />
<usestyle src="InfoBox.css" />
<usestyle src="ChaosTokens.css" />

<usescript src="ShowFirstTabs.js"/>

<html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Chaos Tokens - CoraTO Wiki</title>
</head>

<body>
<div class="container">
<header class="hero">
<div class="hero-inner">
<h1 class="hero-title">Chaos Tokens</h1>
<p class="hero-subtitle">Exchange items used to obtain boxes with <a href="https://mewsie.world/CoraTOWiki/index.php/Chaos_Feathers" target="_blank">Chaos Feathers</a>, rewarded from specific
Solo Monster Quests and Party Quests in Mines. Exchange them with <a href="#tab-valxius" data-tab-trigger="tab-valxius" data-tab-button="btn-tab-valxius">Valxius</a> across various areas.</p>
<div class="status-pill">Exchange Item</div>
</div>
</header>

<div class="tabs-container">
<nav class="nav-tabs">
<button class="nav-tab active" data-tab="tab-overview">Overview</button>
<button class="nav-tab" data-tab="tab-solo" id="btn-tab-solo"><img src="https://mewsie.world/CoraTOWiki/images/6/6d/Hunter_Yuri.gif" alt="Solo" style="width:24px;height:24px;margin-right:8px;border-radius:6px;vertical-align:middle;">Solo</button>
<button class="nav-tab" data-tab="tab-party" id="btn-tab-party"><img src="https://mewsie.world/CoraTOWiki/images/0/0e/Officer_Tera.gif" alt="Party" style="width:24px;height:24px;margin-right:8px;border-radius:6px;vertical-align:middle;">Party</button>
<button class="nav-tab" data-tab="tab-valxius" id="btn-tab-valxius">Valxius</button>
</nav>

<section id="tab-overview" class="tab-content active" role="tabpanel">
<div class="guide-section-header">
<h2 class="guide-main-title">Understanding Chaos Tokens</h2>
<p class="hero-subtitle">Tokens are rewards from Solo Monster Quests and Party Quests in
Mines. Normal tokens exchange for 3× <a href="https://mewsie.world/CoraTOWiki/index.php/Chaos_Feathers" target="_blank">Chaos Feathers</a>, while Solo tokens exchange for double to
compensate for solo play. Exchange is available with <a href="#tab-valxius" data-tab-trigger="tab-valxius" data-tab-button="btn-tab-valxius">Valxius</a> in multiple areas, or via
[[Hologramsie]] under More Options.</p>
</div>

<div class="guide-intro">
<div class="highlights-grid">
<div class="guide-card">
<div class="guide-card-icon">CT</div>
<h3>What They Do</h3>
<p>Obtain a box containing <a href="https://mewsie.world/CoraTOWiki/index.php/Chaos_Feathers" target="_blank">Chaos Feathers</a>. Solo and Party quests award different token
types.</p>
</div>
<div class="guide-card">
<div class="guide-card-icon">VF</div>
<h3>Where To Exchange</h3>
<p>Exchange with <a href="#tab-valxius" data-tab-trigger="tab-valxius" data-tab-button="btn-tab-valxius">Valxius</a> located across Desert, Azteca, Aquarius, Rose, Swamp, Snow,
Techichi, Tapasco, and Abyss areas.</p>
</div>
<div class="guide-card">
<div class="guide-card-icon">x2</div>
<h3>Solo vs Party</h3>
<p>Solo tokens exchange for double the feather amounts relative to normal tokens.</p>
</div>
</div>
</div>

<div class="guide-navigation">
<h2 class="guide-section-title">Quick Access</h2>
<div class="navigation-steps">
<div class="nav-step">
<div class="step-number">1</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/4/45/Valxius.png"
alt="Valxius">
</div>
<h3 class="step-title"><a href="#tab-valxius" data-tab-trigger="tab-valxius" data-tab-button="btn-tab-valxius">Valxius</a> Exchange</h3>
<p class="step-description">Visit <a href="#tab-valxius" data-tab-trigger="tab-valxius" data-tab-button="btn-tab-valxius">Valxius</a> in supported areas to exchange tokens.</p>
</div>
<div class="nav-step">
<div class="step-number">2</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/0/0e/Officer_Tera.gif"
alt="Officer Tera">
</div>
<h3 class="step-title"><a href="#tab-party" data-tab-trigger="tab-party" data-tab-button="btn-tab-party">Party Tokens</a></h3>
<p class="step-description">Earned from Party Quests in Mines with Officer Tera.</p>
</div>
<div class="nav-step">
<div class="step-number">3</div>
<div class="image-container">
<img src="https://mewsie.world/CoraTOWiki/images/6/6d/Hunter_Yuri.gif"
alt="Hunter Yuri">
</div>
<h3 class="step-title"><a href="#tab-solo" data-tab-trigger="tab-solo" data-tab-button="btn-tab-solo">Solo Tokens</a></h3>
<p class="step-description">Earned from Solo Monster Quests led by Hunter Yuri or Hunter
Yuna.</p>
</div>
</div>
</div>
<div class="tokens-section">
<div class="tip-box">All areas can exchange all tokens. Exchange also available via <a href="https://mewsie.world/CoraTOWiki/index.php/Hologramsie" target="_blank">Hologramsie</a>
under "More Options".</div>
</div>
</section>

<section id="tab-solo" class="tab-content" role="tabpanel">
<div class="tokens-section">
<ul class="nested-tabs">
<li><button class="nested-tab active" data-tab="npc-yuri"><img src="https://mewsie.world/CoraTOWiki/images/6/6d/Hunter_Yuri.gif" alt="Hunter Yuri" style="width:24px;height:24px;margin-right:8px;border-radius:6px;vertical-align:middle;">Hunter Yuri</button></li>
<li><button class="nested-tab" data-tab="npc-yuna"><img src="https://mewsie.world/CoraTOWiki/images/c/cd/Hunter_Yuna.gif" alt="Hunter Yuna" style="width:24px;height:24px;margin-right:8px;border-radius:6px;vertical-align:middle;">Hunter Yuna</button></li>
</ul>

<div id="npc-yuri" class="nested-content active">
<div class="nested-container">
<ul class="nested-tabs">
<li><button class="nested-tab active" data-tab="token-desert"><img src="https://mewsie.world/CoraTOWiki/images/4/44/Solo_chaos_token_desert.png" alt="Solo Chaos Token Desert" style="width:24px;height:24px;margin-right:8px;border-radius:6px;vertical-align:middle;">Desert (Paradise Monster Guild)</button></li>
<li><button class="nested-tab" data-tab="token-azteca"><img src="https://mewsie.world/CoraTOWiki/images/7/70/Solo_chaos_token_azteca.png" alt="Solo Chaos Token Azteca" style="width:24px;height:24px;margin-right:8px;border-radius:6px;vertical-align:middle;">Azteca (Azteca Monster Guild)</button></li>
<li><button class="nested-tab" data-tab="token-aquarius"><img src="https://mewsie.world/CoraTOWiki/images/5/5f/Solo_chaos_token_aquarius.png" alt="Solo Chaos Token Aquarius" style="width:24px;height:24px;margin-right:8px;border-radius:6px;vertical-align:middle;">Aquarius (Aquarius Monster Guild)</button></li>
<li><button class="nested-tab" data-tab="token-rose"><img src="https://mewsie.world/CoraTOWiki/images/1/1b/Solo_chaos_token_rose.png" alt="Solo Chaos Token Rose" style="width:24px;height:24px;margin-right:8px;border-radius:6px;vertical-align:middle;">Rose (Rose Field 3)</button></li>
<li><button class="nested-tab" data-tab="token-swamp"><img src="https://mewsie.world/CoraTOWiki/images/b/b6/Solo_chaos_token_swamp.png" alt="Solo Chaos Token Swamp" style="width:24px;height:24px;margin-right:8px;border-radius:6px;vertical-align:middle;">Swamp (Carbigal Monster Guild)</button></li>
<li><button class="nested-tab" data-tab="token-abyss"><img src="https://mewsie.world/CoraTOWiki/images/d/de/Solo_chaos_token_abyss.png" alt="Solo Chaos Token Abyss" style="width:24px;height:24px;margin-right:8px;border-radius:6px;vertical-align:middle;">Abyss (Gate of Abyss)</button></li>
</ul>

<div id="token-desert" class="nested-content active">
<div class="tokens-grid">
<div class="token-card">
<div class="token-card-header">
<div class="image-container"><img src="https://mewsie.world/CoraTOWiki/images/4/44/Solo_chaos_token_desert.png" alt="Solo Chaos Token Desert"></div>
<div class="token-title">Solo Chaos Token (Desert)</div>
</div>
<div class="token-meta">
<div class="token-meta-item">Lv: 15+</div>
<div class="token-meta-item">Exchanged CFs: <span class="token-cfs">20, 35, 50</span></div>
<div class="token-meta-item">Location: <a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Hunter_Yuri_-_Desert_Beach_Monster_Quest.html" target="_blank">Paradise Monster Guild</a></div>
<div class="token-meta-item npc-inline">Hunter Yuri</div>
</div>

<ul class="nested-tabs">
<li><button class="nested-tab active" data-tab="des-15">15–20</button></li>
<li><button class="nested-tab" data-tab="des-21">21–25</button></li>
<li><button class="nested-tab" data-tab="des-26">26–33</button></li>
<li><button class="nested-tab" data-tab="des-34">34–40</button></li>
<li><button class="nested-tab" data-tab="des-41">41+</button></li>
</ul>

<div id="des-15" class="nested-content active">
<div class="monster-info-grid">
<div class="monster-info-card">
<div class="monster-card-header">
<h4><img class="monster-icon" src="https://mewsie.world/CoraTOWiki/images/3/38/Mole_gif.gif" alt="Golden Mole"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Golden_Mole.html" target="_blank">Golden Mole</a></h4>
<span class="monster-level-badge">Lv 20</span>
</div>
<div class="monster-stats-details">
<div class="monster-stat-info"><span class="monster-stat-label">Player Level</span><span class="monster-stat-value">15–20</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Location</span><span class="monster-stat-value"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Desert_Beach_Field_1_-_Delta_Island.html" target="_blank">Desert Beach Field 1 - Delta Island</a></span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Kill Count</span><span class="monster-stat-value">5 monsters</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Time Limit</span><span class="monster-stat-value">10 minutes</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Quest Cycle</span><span class="monster-stat-value">5x</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Reward</span><span class="monster-stat-value">Solo Chaos Token (Desert)</span></div>
</div>
</div>
</div>
</div>

<div id="des-21" class="nested-content">
<div class="monster-info-grid">
<div class="monster-info-card">
<div class="monster-card-header">
<h4><img class="monster-icon" src="https://mewsie.world/CoraTOWiki/images/3/3a/Pineapple_gif.gif" alt="Pineapple"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Pineapple.html" target="_blank">Pineapple</a></h4>
<span class="monster-level-badge">Lv 24</span>
</div>
<div class="monster-stats-details">
<div class="monster-stat-info"><span class="monster-stat-label">Player Level</span><span class="monster-stat-value">21–25</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Location</span><span class="monster-stat-value"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Desert_Beach_Field_3_-_Statue_of_Anubis.html" target="_blank">Desert Beach Field 3 - Statue of Anubis</a></span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Kill Count</span><span class="monster-stat-value">10 monsters</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Time Limit</span><span class="monster-stat-value">15 minutes</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Quest Cycle</span><span class="monster-stat-value">5x</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Reward</span><span class="monster-stat-value">Solo Chaos Token (Desert)</span></div>
</div>
</div>
</div>
</div>

<div id="des-26" class="nested-content">
<div class="monster-info-grid">
<div class="monster-info-card">
<div class="monster-card-header">
<h4><img class="monster-icon" src="https://mewsie.world/CoraTOWiki/images/e/e8/Cannon_Shell_gif.gif" alt="Cannon Shell"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Cannon_Shell.html" target="_blank">Cannon Shell</a></h4>
<span class="monster-level-badge">Lv 33</span>
</div>
<div class="monster-stats-details">
<div class="monster-stat-info"><span class="monster-stat-label">Player Level</span><span class="monster-stat-value">26–33</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Location</span><span class="monster-stat-value"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Desert_Beach_Field_4_-_Parasol_River.html" target="_blank">Desert Beach Field 4 - Parasol River</a></span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Kill Count</span><span class="monster-stat-value">15 monsters</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Time Limit</span><span class="monster-stat-value">20 minutes</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Quest Cycle</span><span class="monster-stat-value">5x</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Reward</span><span class="monster-stat-value">Solo Chaos Token (Desert)</span></div>
</div>
</div>
</div>
</div>

<div id="des-34" class="nested-content">
<div class="monster-info-grid">
<div class="monster-info-card">
<div class="monster-card-header">
<h4><img class="monster-icon" src="https://wikimirror.lifeto.co/asset.103.ggftw.net/wiki/to-w/images/1/17/Gold_Bettle.gif" alt="Gold G"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Gold_G.html" target="_blank">Gold G</a></h4>
<span class="monster-level-badge">Lv 36</span>
</div>
<div class="monster-stats-details">
<div class="monster-stat-info"><span class="monster-stat-label">Player Level</span><span class="monster-stat-value">34–40</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Location</span><span class="monster-stat-value"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Pyramid_Dungeon_3_-_Hall_of_Bastet.html" target="_blank">Pyramid Dungeon 3 - Hall of Bastet</a>; <a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Pyramid_Dungeon_5_-_Hall_of_Love_Affair.html" target="_blank">Pyramid Dungeon 5 - Hall of Love Affair</a></span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Kill Count</span><span class="monster-stat-value">20 monsters</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Time Limit</span><span class="monster-stat-value">25 minutes</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Quest Cycle</span><span class="monster-stat-value">5x</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Reward</span><span class="monster-stat-value">Solo Chaos Token (Desert)</span></div>
</div>
</div>
</div>
</div>

<div id="des-41" class="nested-content">
<div class="monster-info-grid">
<div class="monster-info-card">
<div class="monster-card-header">
<h4><img class="monster-icon" src="https://wikimirror.lifeto.co/asset.103.ggftw.net/wiki/to-w/images/8/89/Rotten_Mummy.gif" alt="Rotten Mummy"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Rotten_Mummy.html" target="_blank">Rotten Mummy</a></h4>
<span class="monster-level-badge">Lv 43</span>
</div>
<div class="monster-stats-details">
<div class="monster-stat-info"><span class="monster-stat-label">Player Level</span><span class="monster-stat-value">41+</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Location</span><span class="monster-stat-value"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Pyramid_Dungeon_4_-_Hall_of_the_Dead.html" target="_blank">Pyramid Dungeon 4 - Hall of the Dead</a>; <a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Pyramid_Dungeon_5_-_Hall_of_Love_Affair.html" target="_blank">Pyramid Dungeon 5 - Hall of Love Affair</a>; <a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Pyramid_Dungeon_6_-_Hall_of_the_Queen.html" target="_blank">Pyramid Dungeon 6 - Hall of the Queen</a></span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Kill Count</span><span class="monster-stat-value">30 monsters</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Time Limit</span><span class="monster-stat-value">30 minutes</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Quest Cycle</span><span class="monster-stat-value">5x</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Reward</span><span class="monster-stat-value">Solo Chaos Token (Desert)</span></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<div id="token-azteca" class="nested-content">
<div class="tokens-grid">
<div class="token-card">
<div class="token-card-header">
<div class="image-container"><img src="https://mewsie.world/CoraTOWiki/images/7/70/Solo_chaos_token_azteca.png" alt="Solo Chaos Token Azteca"></div>
<div class="token-title">Solo Chaos Token (Azteca)</div>
</div>
<div class="token-meta">
<div class="token-meta-item">Lv: 45+</div>
<div class="token-meta-item">Exchanged CFs: <span class="token-cfs">65, 80, 95</span></div>
<div class="token-meta-item">Location: <a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Hunter_Yuri_-_Azteca_Monster_Quest.html" target="_blank">Azteca Monster Guild</a></div>
<div class="token-meta-item npc-inline">Hunter Yuri</div>
</div>
<ul class="nested-tabs">
<li><button class="nested-tab active" data-tab="az-45">45–55</button></li>
<li><button class="nested-tab" data-tab="az-56">56–60</button></li>
<li><button class="nested-tab" data-tab="az-61">61–65</button></li>
<li><button class="nested-tab" data-tab="az-66">66+</button></li>
</ul>
<div id="az-45" class="nested-content active">
<div class="monster-info-grid">
<div class="monster-info-card">
<div class="monster-card-header">
<h4><img class="monster-icon" src="https://mewsie.world/CoraTOWiki/images/5/5a/Mandragora_gif.gif" alt="Mandragora"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Mandragora.html" target="_blank">Mandragora</a></h4>
<span class="monster-level-badge">Lv 53</span>
</div>
<div class="monster-stats-details">
<div class="monster-stat-info"><span class="monster-stat-label">Player Level</span><span class="monster-stat-value">45–55</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Location</span><span class="monster-stat-value"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Path_to_Caballa_Relics.html" target="_blank">Path to Caballa Relics</a>; <a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Relics_Field_1_-_Atlas.html" target="_blank">Relics Field 1 - Atlas</a></span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Kill Count</span><span class="monster-stat-value">30 monsters</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Time Limit</span><span class="monster-stat-value">20 minutes</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Quest Cycle</span><span class="monster-stat-value">5x</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Reward</span><span class="monster-stat-value">Solo Chaos Token (Azteca)</span></div>
</div>
</div>
</div>
</div>
<div id="az-56" class="nested-content">
<div class="monster-info-grid">
<div class="monster-info-card">
<div class="monster-card-header">
<h4><img class="monster-icon" src="https://wikimirror.lifeto.co/asset.103.ggftw.net/wiki/to-w/images/5/55/Stone_Soldier.gif" alt="Stone Soldier"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Stone_Soldier.html" target="_blank">Stone Soldier</a></h4>
<span class="monster-level-badge">Lv 57</span>
</div>
<div class="monster-stats-details">
<div class="monster-stat-info"><span class="monster-stat-label">Player Level</span><span class="monster-stat-value">56–60</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Location</span><span class="monster-stat-value"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Relics_Field_1_-_Atlas.html" target="_blank">Relics Field 1 - Atlas</a>; <a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Relics_Field_2_-_Hand_of_Giant.html" target="_blank">Relics Field 2 - Hand of Giant</a></span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Kill Count</span><span class="monster-stat-value">30 monsters</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Time Limit</span><span class="monster-stat-value">20 minutes</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Quest Cycle</span><span class="monster-stat-value">5x</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Reward</span><span class="monster-stat-value">Solo Chaos Token (Azteca)</span></div>
</div>
</div>
</div>
</div>
<div id="az-61" class="nested-content">
<div class="monster-info-grid">
<div class="monster-info-card">
<div class="monster-card-header">
<h4><img class="monster-icon" src="https://wikimirror.lifeto.co/asset.103.ggftw.net/wiki/to-w/images/6/69/Mimic.gif" alt="Mimic"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Mimic.html" target="_blank">Mimic</a></h4>
<span class="monster-level-badge">Lv 61</span>
</div>
<div class="monster-stats-details">
<div class="monster-stat-info"><span class="monster-stat-label">Player Level</span><span class="monster-stat-value">61–65</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Location</span><span class="monster-stat-value"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Relics_Field_2_-_Hand_of_Giant.html" target="_blank">Relics Field 2 - Hand of Giant</a>; <a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Relics_Field_3_-_Monkey_Statues.html" target="_blank">Relics Field 3 - Monkey Statues</a>; <a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Relics_Field_4_-_An_Altar_for_Sacrifice.html" target="_blank">Relics Field 4 - An Altar for Sacrifice</a></span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Kill Count</span><span class="monster-stat-value">30 monsters</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Time Limit</span><span class="monster-stat-value">20 minutes</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Quest Cycle</span><span class="monster-stat-value">5x</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Reward</span><span class="monster-stat-value">Solo Chaos Token (Azteca)</span></div>
</div>
</div>
</div>
</div>
<div id="az-66" class="nested-content">
<div class="monster-info-grid">
<div class="monster-info-card">
<div class="monster-card-header">
<h4><img class="monster-icon" src="https://wikimirror.lifeto.co/asset.103.ggftw.net/wiki/to-w/images/e/e3/Aposis.gif" alt="Aposis"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Aposis.html" target="_blank">Aposis</a></h4>
<span class="monster-level-badge">Lv 66</span>
</div>
<div class="monster-stats-details">
<div class="monster-stat-info"><span class="monster-stat-label">Player Level</span><span class="monster-stat-value">66+</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Location</span><span class="monster-stat-value"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Relics_Field_3_-_Monkey_Statues.html" target="_blank">Relics Field 3 - Monkey Statues</a>; <a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Relics_Field_4_-_An_Altar_for_Sacrifice.html" target="_blank">Relics Field 4 - An Altar for Sacrifice</a></span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Kill Count</span><span class="monster-stat-value">30 monsters</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Time Limit</span><span class="monster-stat-value">20 minutes</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Quest Cycle</span><span class="monster-stat-value">5x</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Reward</span><span class="monster-stat-value">Solo Chaos Token (Azteca)</span></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<div id="token-aquarius" class="nested-content">
<div class="tokens-grid">
<div class="token-card">
<div class="token-card-header">
<div class="image-container"><img src="https://mewsie.world/CoraTOWiki/images/5/5f/Solo_chaos_token_aquarius.png" alt="Solo Chaos Token Aquarius"></div>
<div class="token-title">Solo Chaos Token (Aquarius)</div>
</div>
<div class="token-meta">
<div class="token-meta-item">Lv: 100+</div>
<div class="token-meta-item">Exchanged CFs: <span class="token-cfs">110, 125, 140</span></div>
<div class="token-meta-item">Location: <a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Hunter_Yuri_-_Aquarius_Hunter_Girl_Yuri%27s_Quest.html" target="_blank">Aquarius Monster Guild</a></div>
<div class="token-meta-item npc-inline">Hunter Yuri</div>
</div>
<ul class="nested-tabs">
<li><button class="nested-tab active" data-tab="aq-100">100–104</button></li>
<li><button class="nested-tab" data-tab="aq-105">105–109</button></li>
<li><button class="nested-tab" data-tab="aq-110">110–114</button></li>
<li><button class="nested-tab" data-tab="aq-115">115+</button></li>
</ul>

<div id="aq-100" class="nested-content active">
<div class="monster-info-grid">
<div class="monster-info-card">
<div class="monster-card-header">
<h4><img class="monster-icon" src="https://wikimirror.lifeto.co/asset.103.ggftw.net/wiki/to-w/images/5/5b/Popeyed_Anemone.gif" alt="Popeyed Anemone"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Popeyed_Anemone.html" target="_blank">Popeyed Anemone</a></h4>
<span class="monster-level-badge">Lv 105</span>
</div>
<div class="monster-stats-details">
<div class="monster-stat-info"><span class="monster-stat-label">Player Level</span><span class="monster-stat-value">100–104</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Location</span><span class="monster-stat-value"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Seabed_Field_1_-_North.html" target="_blank">Seabed Field 1 - North</a></span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Kill Count</span><span class="monster-stat-value">30 monsters</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Time Limit</span><span class="monster-stat-value">20 minutes</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Quest Cycle</span><span class="monster-stat-value">5x</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Reward</span><span class="monster-stat-value">Solo Chaos Token (Aquarius)</span></div>
</div>
</div>
</div>
</div>

<div id="aq-105" class="nested-content">
<div class="monster-info-grid">
<div class="monster-info-card">
<div class="monster-card-header">
<h4><img class="monster-icon" src="https://wikimirror.lifeto.co/asset.103.ggftw.net/wiki/to-w/images/9/91/Torpedo_Fish.gif" alt="Torpedo Fish"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Torpedo_Fish.html" target="_blank">Torpedo Fish</a></h4>
<span class="monster-level-badge">Lv 112</span>
</div>
<div class="monster-stats-details">
<div class="monster-stat-info"><span class="monster-stat-label">Player Level</span><span class="monster-stat-value">105–109</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Location</span><span class="monster-stat-value"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Seabed_Field_2_-_East.html" target="_blank">Seabed Field 2 - East</a>; <a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Seabed_Field_3_-_Undersea_Park.html" target="_blank">Seabed Field 3 - Undersea Park</a></span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Kill Count</span><span class="monster-stat-value">30 monsters</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Time Limit</span><span class="monster-stat-value">20 minutes</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Quest Cycle</span><span class="monster-stat-value">5x</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Reward</span><span class="monster-stat-value">Solo Chaos Token (Aquarius)</span></div>
</div>
</div>
</div>
</div>

<div id="aq-110" class="nested-content">
<div class="monster-info-grid">
<div class="monster-info-card">
<div class="monster-card-header">
<h4><img class="monster-icon" src="https://wikimirror.lifeto.co/asset.103.ggftw.net/wiki/to-w/images/b/b6/Merrow.gif" alt="Merrow"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Merrow.html" target="_blank">Merrow</a></h4>
<span class="monster-level-badge">Lv 118</span>
</div>
<div class="monster-stats-details">
<div class="monster-stat-info"><span class="monster-stat-label">Player Level</span><span class="monster-stat-value">110–114</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Location</span><span class="monster-stat-value"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Seabed_Field_3_-_Undersea_Park.html" target="_blank">Seabed Field 3 - Undersea Park</a>; <a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Seabed_Field_4_-_Undersea_Grave.html" target="_blank">Seabed Field 4 - Undersea Grave</a></span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Kill Count</span><span class="monster-stat-value">30 monsters</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Time Limit</span><span class="monster-stat-value">20 minutes</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Quest Cycle</span><span class="monster-stat-value">5x</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Reward</span><span class="monster-stat-value">Solo Chaos Token (Aquarius)</span></div>
</div>
</div>
</div>
</div>

<div id="aq-115" class="nested-content">
<div class="monster-info-grid">
<div class="monster-info-card">
<div class="monster-card-header">
<h4><img class="monster-icon" src="https://wikimirror.lifeto.co/asset.103.ggftw.net/wiki/to-w/images/8/80/Nora_Joe.gif" alt="Nora Joe"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Nora_Joe.html" target="_blank">Nora Joe</a></h4>
<span class="monster-level-badge">Lv 126</span>
</div>
<div class="monster-stats-details">
<div class="monster-stat-info"><span class="monster-stat-label">Player Level</span><span class="monster-stat-value">115+</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Location</span><span class="monster-stat-value"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Nora_Sewer.html" target="_blank">Nora Sewer</a></span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Kill Count</span><span class="monster-stat-value">30 monsters</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Time Limit</span><span class="monster-stat-value">20 minutes</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Quest Cycle</span><span class="monster-stat-value">5x</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Reward</span><span class="monster-stat-value">Solo Chaos Token (Aquarius)</span></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<div id="token-rose" class="nested-content">
<div class="tokens-grid">
<div class="token-card">
<div class="token-card-header">
<div class="image-container"><img src="https://mewsie.world/CoraTOWiki/images/1/1b/Solo_chaos_token_rose.png" alt="Solo Chaos Token Rose"></div>
<div class="token-title">Solo Chaos Token (Rose)</div>
</div>
<div class="token-meta">
<div class="token-meta-item">Lv: 115+</div>
<div class="token-meta-item">Exchanged CFs: <span class="token-cfs">155, 170, 185</span></div>
<div class="token-meta-item">Location: <a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Hunter_Yuri_-_Rose_Garden_Hunter_Girl_Quest.html" target="_blank">Rose Field 3</a></div>
<div class="token-meta-item npc-inline">Hunter Yuri</div>
</div>
<ul class="nested-tabs">
<li><button class="nested-tab active" data-tab="rose-115">115–119</button></li>
<li><button class="nested-tab" data-tab="rose-120">120–124</button></li>
<li><button class="nested-tab" data-tab="rose-125">125–129</button></li>
<li><button class="nested-tab" data-tab="rose-130">130+</button></li>
</ul>

<div id="rose-115" class="nested-content active">
<div class="monster-info-grid">
<div class="monster-info-card">
<div class="monster-card-header">
<h4><img class="monster-icon" src="https://wikimirror.lifeto.co/asset.103.ggftw.net/wiki/to-w/images/d/d2/Captain_Arman.gif" alt="Captain Arman"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Captain_Arman.html" target="_blank">Captain Arman</a></h4>
<span class="monster-level-badge">Lv 145</span>
</div>
<div class="monster-stats-details">
<div class="monster-stat-info"><span class="monster-stat-label">Player Level</span><span class="monster-stat-value">115–119</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Location</span><span class="monster-stat-value"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Rose_Field_2_-_Maze_of_Black_Rose.html" target="_blank">Rose Field 2 - Maze of Black Rose</a></span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Kill Count</span><span class="monster-stat-value">30 monsters</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Time Limit</span><span class="monster-stat-value">20 minutes</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Quest Cycle</span><span class="monster-stat-value">5x</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Reward</span><span class="monster-stat-value">Solo Chaos Token (Rose)</span></div>
</div>
</div>
</div>
</div>

<div id="rose-120" class="nested-content">
<div class="monster-info-grid">
<div class="monster-info-card">
<div class="monster-card-header">
<h4><img class="monster-icon" src="https://wikimirror.lifeto.co/asset.103.ggftw.net/wiki/to-w/images/b/b7/Captain_Norman.gif" alt="Captain Norman"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Captain_Norman.html" target="_blank">Captain Norman</a></h4>
<span class="monster-level-badge">Lv 148</span>
</div>
<div class="monster-stats-details">
<div class="monster-stat-info"><span class="monster-stat-label">Player Level</span><span class="monster-stat-value">120–124</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Location</span><span class="monster-stat-value"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Rose_Field_2_-_Maze_of_Black_Rose.html" target="_blank">Rose Field 2 - Maze of Black Rose</a>; <a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Rose_Field_4_-_Bloom_Grave.html" target="_blank">Rose Field 4 - Bloom Grave</a></span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Kill Count</span><span class="monster-stat-value">30 monsters</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Time Limit</span><span class="monster-stat-value">20 minutes</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Quest Cycle</span><span class="monster-stat-value">5x</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Reward</span><span class="monster-stat-value">Solo Chaos Token (Rose)</span></div>
</div>
</div>
</div>
</div>

<div id="rose-125" class="nested-content">
<div class="monster-info-grid">
<div class="monster-info-card">
<div class="monster-card-header">
<h4><img class="monster-icon" src="https://wikimirror.lifeto.co/asset.103.ggftw.net/wiki/to-w/images/3/3b/Madam_Chiffon.gif" alt="Madam Chiffon"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Madam_Chiffon.html" target="_blank">Madam Chiffon</a></h4>
<span class="monster-level-badge">Lv 150</span>
</div>
<div class="monster-stats-details">
<div class="monster-stat-info"><span class="monster-stat-label">Player Level</span><span class="monster-stat-value">125–129</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Location</span><span class="monster-stat-value"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Rose_Field_3_-_Maze_of_Blue_Rose.html" target="_blank">Rose Field 3 - Maze of Blue Rose</a></span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Kill Count</span><span class="monster-stat-value">30 monsters</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Time Limit</span><span class="monster-stat-value">20 minutes</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Quest Cycle</span><span class="monster-stat-value">5x</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Reward</span><span class="monster-stat-value">Solo Chaos Token (Rose)</span></div>
</div>
</div>
</div>
</div>

<div id="rose-130" class="nested-content">
<div class="monster-info-grid">
<div class="monster-info-card">
<div class="monster-card-header">
<h4><img class="monster-icon" src="https://wikimirror.lifeto.co/asset.103.ggftw.net/wiki/to-w/images/0/0d/Madam_Moncher.gif" alt="Madam Moncher"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Madam_Moncher.html" target="_blank">Madam Moncher</a></h4>
<span class="monster-level-badge">Lv 153</span>
</div>
<div class="monster-stats-details">
<div class="monster-stat-info"><span class="monster-stat-label">Player Level</span><span class="monster-stat-value">130+</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Location</span><span class="monster-stat-value"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Rose_Field_3_-_Maze_of_Blue_Rose.html" target="_blank">Rose Field 3 - Maze of Blue Rose</a></span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Kill Count</span><span class="monster-stat-value">30 monsters</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Time Limit</span><span class="monster-stat-value">15 minutes</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Quest Cycle</span><span class="monster-stat-value">5x</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Reward</span><span class="monster-stat-value">Solo Chaos Token (Rose)</span></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<div id="token-swamp" class="nested-content">
<div class="tokens-grid">
<div class="token-card">
<div class="token-card-header">
<div class="image-container"><img src="https://mewsie.world/CoraTOWiki/images/b/b6/Solo_chaos_token_swamp.png" alt="Solo Chaos Token Swamp"></div>
<div class="token-title">Solo Chaos Token (Swamp)</div>
</div>
<div class="token-meta">
<div class="token-meta-item">Lv: 135+</div>
<div class="token-meta-item">Exchanged CFs: <span class="token-cfs">200, 215, 230</span></div>
<div class="token-meta-item">Location: <a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Hunter_Yuri_-_Carbigal_Hunter_Girl_Yuri%27s_Quest.html" target="_blank">Carbigal Monster Guild</a></div>
<div class="token-meta-item npc-inline">Hunter Yuri</div>
</div>
<ul class="nested-tabs">
<li><button class="nested-tab active" data-tab="swamp-135">135–138</button></li>
<li><button class="nested-tab" data-tab="swamp-139">139–142</button></li>
<li><button class="nested-tab" data-tab="swamp-143">143–146</button></li>
<li><button class="nested-tab" data-tab="swamp-147">147+</button></li>
</ul>

<div id="swamp-135" class="nested-content active">
<div class="monster-info-grid">
<div class="monster-info-card">
<div class="monster-card-header">
<h4><img class="monster-icon" src="https://wikimirror.lifeto.co/asset.103.ggftw.net/wiki/to-w/images/c/ce/Electric_Snail.gif" alt="Electric Snail"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Electric_Snail.html" target="_blank">Electric Snail</a></h4>
<span class="monster-level-badge">Lv 164</span>
</div>
<div class="monster-stats-details">
<div class="monster-stat-info"><span class="monster-stat-label">Player Level</span><span class="monster-stat-value">135–138</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Location</span><span class="monster-stat-value"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Path_to_Black_Swamp.html" target="_blank">Path to Black Swamp</a>; <a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Swamp_Field_1_-_Black_Hole.html" target="_blank">Swamp Field 1 - Black Hole</a>; <a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Swamp_Field_2_-_Beaver's_Swamp.html" target="_blank">Swamp Field 2 - Beaver's Swamp</a></span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Kill Count</span><span class="monster-stat-value">30 monsters</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Time Limit</span><span class="monster-stat-value">20 minutes</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Quest Cycle</span><span class="monster-stat-value">5x</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Reward</span><span class="monster-stat-value">Solo Chaos Token (Swamp)</span></div>
</div>
</div>
</div>
</div>

<div id="swamp-139" class="nested-content">
<div class="monster-info-grid">
<div class="monster-info-card">
<div class="monster-card-header">
<h4><img class="monster-icon" src="https://wikimirror.lifeto.co/asset.103.ggftw.net/wiki/to-w/images/1/16/Chameleon_Frog.gif" alt="Chameleon Frog"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Chameleon_Frog.html" target="_blank">Chameleon Frog</a></h4>
<span class="monster-level-badge">Lv 169</span>
</div>
<div class="monster-stats-details">
<div class="monster-stat-info"><span class="monster-stat-label">Player Level</span><span class="monster-stat-value">139–142</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Location</span><span class="monster-stat-value"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Swamp_Field_2_-_Beaver's_Swamp.html" target="_blank">Swamp Field 2 - Beaver's Swamp</a>; <a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Swamp_Field_4_-_Dark_Omen.html" target="_blank">Swamp Field 4 - Dark Omen</a></span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Kill Count</span><span class="monster-stat-value">30 monsters</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Time Limit</span><span class="monster-stat-value">20 minutes</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Quest Cycle</span><span class="monster-stat-value">5x</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Reward</span><span class="monster-stat-value">Solo Chaos Token (Swamp)</span></div>
</div>
</div>
</div>
</div>

<div id="swamp-143" class="nested-content">
<div class="monster-info-grid">
<div class="monster-info-card">
<div class="monster-card-header">
<h4><img class="monster-icon" src="https://wikimirror.lifeto.co/asset.103.ggftw.net/wiki/to-w/images/a/aa/Monkya.gif" alt="Monkya"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Monkya.html" target="_blank">Monkya</a></h4>
<span class="monster-level-badge">Lv 173</span>
</div>
<div class="monster-stats-details">
<div class="monster-stat-info"><span class="monster-stat-label">Player Level</span><span class="monster-stat-value">143–146</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Location</span><span class="monster-stat-value"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Swamp_Field_3_-_Maze_of_Forest.html" target="_blank">Swamp Field 3 - Maze of Forest</a></span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Kill Count</span><span class="monster-stat-value">30 monsters</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Time Limit</span><span class="monster-stat-value">20 minutes</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Quest Cycle</span><span class="monster-stat-value">5x</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Reward</span><span class="monster-stat-value">Solo Chaos Token (Swamp)</span></div>
</div>
</div>
</div>
</div>

<div id="swamp-147" class="nested-content">
<div class="monster-info-grid">
<div class="monster-info-card">
<div class="monster-card-header">
<h4><img class="monster-icon" src="https://wikimirror.lifeto.co/asset.103.ggftw.net/wiki/to-w/images/9/94/Arachne.gif" alt="Arachne"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Arachne.html" target="_blank">Arachne</a></h4>
<span class="monster-level-badge">Lv 178</span>
</div>
<div class="monster-stats-details">
<div class="monster-stat-info"><span class="monster-stat-label">Player Level</span><span class="monster-stat-value">147+</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Location</span><span class="monster-stat-value"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Swamp_Field_4_-_Dark_Omen.html" target="_blank">Swamp Field 4 - Dark Omen</a>; <a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Swamp_Field_5_-_Further_Maze_of_Forest.html" target="_blank">Swamp Field 5 - Further Maze of Forest</a>; <a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Swamp_Field_6_-_Lake_of_Illusion.html" target="_blank">Swamp Field 6 - Lake of Illusion</a></span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Kill Count</span><span class="monster-stat-value">30 monsters</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Time Limit</span><span class="monster-stat-value">15 minutes</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Quest Cycle</span><span class="monster-stat-value">5x</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Reward</span><span class="monster-stat-value">Solo Chaos Token (Swamp)</span></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<div id="token-abyss" class="nested-content">
<div class="tokens-grid">
<div class="token-card">
<div class="token-card-header">
<div class="image-container"><img src="https://mewsie.world/CoraTOWiki/images/d/de/Solo_chaos_token_abyss.png" alt="Solo Chaos Token Abyss"></div>
<div class="token-title">Solo Chaos Token (Abyss)</div>
</div>
<div class="token-meta">
<div class="token-meta-item">Lv: 290+</div>
<div class="token-meta-item">Exchanged CFs: <span class="token-cfs">335, 350, 395</span></div>
<div class="token-meta-item">Location: <a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Hunter_Yuri_-_Abyss_Hunter_Girl_Yuri%27s_Quest.html" target="_blank">Gate of Abyss</a></div>
<div class="token-meta-item npc-inline">Hunter Yuri</div>
</div>
<ul class="nested-tabs">
<li><button class="nested-tab active" data-tab="abyss-290">290–293</button></li>
<li><button class="nested-tab" data-tab="abyss-294">294–297</button></li>
<li><button class="nested-tab" data-tab="abyss-298">298–301</button></li>
<li><button class="nested-tab" data-tab="abyss-302">302+</button></li>
</ul>

<div id="abyss-290" class="nested-content active">
<div class="monster-info-grid">
<div class="monster-info-card">
<div class="monster-card-header">
<h4><img class="monster-icon" src="https://wikimirror.lifeto.co/asset.103.ggftw.net/wiki/to-w/images/8/87/Krybeth.gif" alt="Krybeth"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Krybeth.html" target="_blank">Krybeth</a></h4>
<span class="monster-level-badge">Lv 400</span>
</div>
<div class="monster-stats-details">
<div class="monster-stat-info"><span class="monster-stat-label">Player Level</span><span class="monster-stat-value">290–293</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Location</span><span class="monster-stat-value"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Abyss_Field_1_-_The_Valley_Mouth.html" target="_blank">Abyss Field 1 - The Valley Mouth</a></span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Kill Count</span><span class="monster-stat-value">30 monsters</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Time Limit</span><span class="monster-stat-value">20 minutes</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Quest Cycle</span><span class="monster-stat-value">5x</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Reward</span><span class="monster-stat-value">Solo Chaos Token (Abyss)</span></div>
</div>
</div>
</div>
</div>

<div id="abyss-294" class="nested-content">
<div class="monster-info-grid">
<div class="monster-info-card">
<div class="monster-card-header">
<h4><img class="monster-icon" src="https://wikimirror.lifeto.co/asset.103.ggftw.net/wiki/to-w/images/1/12/Ghost_Diver.gif" alt="Ghost Diver"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Ghost_Diver.html" target="_blank">Ghost Diver</a></h4>
<span class="monster-level-badge">Lv 405</span>
</div>
<div class="monster-stats-details">
<div class="monster-stat-info"><span class="monster-stat-label">Player Level</span><span class="monster-stat-value">294–297</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Location</span><span class="monster-stat-value"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Abyss_Field_1_-_The_Valley_Mouth.html" target="_blank">Abyss Field 1 - The Valley Mouth</a></span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Kill Count</span><span class="monster-stat-value">30 monsters</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Time Limit</span><span class="monster-stat-value">20 minutes</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Quest Cycle</span><span class="monster-stat-value">5x</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Reward</span><span class="monster-stat-value">Solo Chaos Token (Abyss)</span></div>
</div>
</div>
</div>
</div>

<div id="abyss-298" class="nested-content">
<div class="monster-info-grid">
<div class="monster-info-card">
<div class="monster-card-header">
<h4><img class="monster-icon" src="https://wikimirror.lifeto.co/asset.103.ggftw.net/wiki/to-w/images/2/2b/Skelefish.gif" alt="Skelefish"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Skelefish.html" target="_blank">Skelefish</a></h4>
<span class="monster-level-badge">Lv 410</span>
</div>
<div class="monster-stats-details">
<div class="monster-stat-info"><span class="monster-stat-label">Player Level</span><span class="monster-stat-value">298–301</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Location</span><span class="monster-stat-value"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Abyss_Field_2_-_Living_Boneyard.html" target="_blank">Abyss Field 2 - Living Boneyard</a></span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Kill Count</span><span class="monster-stat-value">30 monsters</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Time Limit</span><span class="monster-stat-value">20 minutes</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Quest Cycle</span><span class="monster-stat-value">5x</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Reward</span><span class="monster-stat-value">Solo Chaos Token (Abyss)</span></div>
</div>
</div>
</div>
</div>

<div id="abyss-302" class="nested-content">
<div class="monster-info-grid">
<div class="monster-info-card">
<div class="monster-card-header">
<h4><img class="monster-icon" src="https://wikimirror.lifeto.co/asset.103.ggftw.net/wiki/to-w/images/9/9c/Phantom_Dame.gif" alt="Phantom Dame"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Phantom_Dame.html" target="_blank">Phantom Dame</a></h4>
<span class="monster-level-badge">Lv 415</span>
</div>
<div class="monster-stats-details">
<div class="monster-stat-info"><span class="monster-stat-label">Player Level</span><span class="monster-stat-value">302+</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Location</span><span class="monster-stat-value"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Abyss_Field_2_-_Living_Boneyard.html" target="_blank">Abyss Field 2 - Living Boneyard</a></span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Kill Count</span><span class="monster-stat-value">30 monsters</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Time Limit</span><span class="monster-stat-value">15 minutes</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Quest Cycle</span><span class="monster-stat-value">5x</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Reward</span><span class="monster-stat-value">Solo Chaos Token (Abyss)</span></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<div id="npc-yuna" class="nested-content">
<div class="nested-container">
<ul class="nested-tabs">
<li><button class="nested-tab active" data-tab="token-techichi"><img src="https://mewsie.world/CoraTOWiki/images/6/65/Solo_chaos_token_techichi.png" alt="Solo Chaos Token Techichi" style="width:24px;height:24px;margin-right:8px;border-radius:6px;vertical-align:middle;">Techichi (Neil's Camp)</button></li>
<li><button class="nested-tab" data-tab="token-tapasco"><img src="https://mewsie.world/CoraTOWiki/images/1/11/Solo_chaos_token_tap.png" alt="Solo Chaos Token Tapasco" style="width:24px;height:24px;margin-right:8px;border-radius:6px;vertical-align:middle;">Tapasco (Gate of Tapasco Volcano)</button></li>
</ul>

<div id="token-techichi" class="nested-content active">
<div class="tokens-grid">
<div class="token-card">
<div class="token-card-header">
<div class="image-container"><img src="https://mewsie.world/CoraTOWiki/images/6/65/Solo_chaos_token_techichi.png" alt="Solo Chaos Token Techichi"></div>
<div class="token-title">Solo Chaos Token (Techichi)</div>
</div>
<div class="token-meta">
<div class="token-meta-item">Lv: 200+</div>
<div class="token-meta-item">Exchanged CFs: <span class="token-cfs">245, 260, 275</span></div>
<div class="token-meta-item">Location: <a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Hunter_Yuna_-_Techichi_Hunter_Yuna%27s_Quest.html" target="_blank">Neil's Camp</a></div>
<div class="token-meta-item npc-inline">Hunter Yuna</div>
</div>
<ul class="nested-tabs">
<li><button class="nested-tab active" data-tab="techichi-200">200–203</button></li>
<li><button class="nested-tab" data-tab="techichi-204">204–207</button></li>
<li><button class="nested-tab" data-tab="techichi-208">208+</button></li>
</ul>

<div id="techichi-200" class="nested-content active">
<div class="monster-info-grid">
<div class="monster-info-card">
<div class="monster-card-header">
<h4><img class="monster-icon" src="https://wikimirror.lifeto.co/asset.103.ggftw.net/wiki/to-w/images/5/5d/Orconio.gif" alt="Orconio"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Orconio.html" target="_blank">Orconio</a></h4>
<span class="monster-level-badge">Lv 290</span>
</div>
<div class="monster-stats-details">
<div class="monster-stat-info"><span class="monster-stat-label">Player Level</span><span class="monster-stat-value">200–203</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Location</span><span class="monster-stat-value"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Techichi_Field_3.html" target="_blank">Techichi Field 3</a></span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Kill Count</span><span class="monster-stat-value">30 monsters</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Time Limit</span><span class="monster-stat-value">20 minutes</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Quest Cycle</span><span class="monster-stat-value">5x</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Reward</span><span class="monster-stat-value">Solo Chaos Token (Techichi)</span></div>
</div>
</div>
</div>
</div>

<div id="techichi-204" class="nested-content">
<div class="monster-info-grid">
<div class="monster-info-card">
<div class="monster-card-header">
<h4><img class="monster-icon" src="https://wikimirror.lifeto.co/asset.103.ggftw.net/wiki/to-w/images/9/97/Orpeo.gif" alt="Orpeo"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Orpeo.html" target="_blank">Orpeo</a></h4>
<span class="monster-level-badge">Lv 299</span>
</div>
<div class="monster-stats-details">
<div class="monster-stat-info"><span class="monster-stat-label">Player Level</span><span class="monster-stat-value">204–207</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Location</span><span class="monster-stat-value"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Techichi_Field_3.html" target="_blank">Techichi Field 3</a></span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Kill Count</span><span class="monster-stat-value">30 monsters</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Time Limit</span><span class="monster-stat-value">20 minutes</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Quest Cycle</span><span class="monster-stat-value">5x</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Reward</span><span class="monster-stat-value">Solo Chaos Token (Techichi)</span></div>
</div>
</div>
</div>
</div>

<div id="techichi-208" class="nested-content">
<div class="monster-info-grid">
<div class="monster-info-card">
<div class="monster-card-header">
<h4><img class="monster-icon" src="https://wikimirror.lifeto.co/asset.103.ggftw.net/wiki/to-w/images/7/7b/Aabon.gif" alt="Aabon"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Aabon.html" target="_blank">Aabon</a></h4>
<span class="monster-level-badge">Lv 307</span>
</div>
<div class="monster-stats-details">
<div class="monster-stat-info"><span class="monster-stat-label">Player Level</span><span class="monster-stat-value">208+</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Location</span><span class="monster-stat-value"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Techichi_Field_4.html" target="_blank">Techichi Field 4</a></span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Kill Count</span><span class="monster-stat-value">30 monsters</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Time Limit</span><span class="monster-stat-value">20 minutes</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Quest Cycle</span><span class="monster-stat-value">5x</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Reward</span><span class="monster-stat-value">Solo Chaos Token (Techichi)</span></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<div id="token-tapasco" class="nested-content">
<div class="tokens-grid">
<div class="token-card">
<div class="token-card-header">
<div class="image-container"><img src="https://mewsie.world/CoraTOWiki/images/1/11/Solo_chaos_token_tap.png" alt="Solo Chaos Token Tapasco"></div>
<div class="token-title">Solo Chaos Token (Tapasco)</div>
</div>
<div class="token-meta">
<div class="token-meta-item">Lv: 230+</div>
<div class="token-meta-item">Exchanged CFs: <span class="token-cfs">290, 305, 320</span></div>
<div class="token-meta-item">Location: <a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Hunter_Yuna_-_Tapasco_Hunter_Yuna%27s_Quest.html" target="_blank">Gate of Tapasco Volcano</a></div>
<div class="token-meta-item npc-inline">Hunter Yuna</div>
</div>
<ul class="nested-tabs">
<li><button class="nested-tab active" data-tab="tapasco-230">230–240</button></li>
<li><button class="nested-tab" data-tab="tapasco-241">241–250</button></li>
<li><button class="nested-tab" data-tab="tapasco-251">251+</button></li>
</ul>

<div id="tapasco-230" class="nested-content active">
<div class="monster-info-grid">
<div class="monster-info-card">
<div class="monster-card-header">
<h4><img class="monster-icon" src="https://wikimirror.lifeto.co/asset.103.ggftw.net/wiki/to-w/images/b/b1/Red_Salamander.gif" alt="Red Salamander"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Red_Salamander.html" target="_blank">Red Salamander</a></h4>
<span class="monster-level-badge">Lv 334</span>
</div>
<div class="monster-stats-details">
<div class="monster-stat-info"><span class="monster-stat-label">Player Level</span><span class="monster-stat-value">230–240</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Location</span><span class="monster-stat-value"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Tapasco_Field_1_-_Net_of_Lava.html" target="_blank">Tapasco Field 1 - Net of Lava</a></span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Kill Count</span><span class="monster-stat-value">30 monsters</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Time Limit</span><span class="monster-stat-value">20 minutes</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Quest Cycle</span><span class="monster-stat-value">5x</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Reward</span><span class="monster-stat-value">Solo Chaos Token (Tapasco)</span></div>
</div>
</div>
</div>
</div>

<div id="tapasco-241" class="nested-content">
<div class="monster-info-grid">
<div class="monster-info-card">
<div class="monster-card-header">
<h4><img class="monster-icon" src="https://wikimirror.lifeto.co/asset.103.ggftw.net/wiki/to-w/images/f/f8/Blue_Salamander.gif" alt="Blue Salamander"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Blue_Salamander.html" target="_blank">Blue Salamander</a></h4>
<span class="monster-level-badge">Lv 339</span>
</div>
<div class="monster-stats-details">
<div class="monster-stat-info"><span class="monster-stat-label">Player Level</span><span class="monster-stat-value">241–250</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Location</span><span class="monster-stat-value"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Tapasco_Field_1_-_Net_of_Lava.html" target="_blank">Tapasco Field 1 - Net of Lava</a>; <a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Tapasco_Field_2_-_Rhythm_of_Hammer.html" target="_blank">Tapasco Field 2 - Rhythm of Hammer</a></span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Kill Count</span><span class="monster-stat-value">30 monsters</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Time Limit</span><span class="monster-stat-value">20 minutes</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Quest Cycle</span><span class="monster-stat-value">5x</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Reward</span><span class="monster-stat-value">Solo Chaos Token (Tapasco)</span></div>
</div>
</div>
</div>
</div>

<div id="tapasco-251" class="nested-content">
<div class="monster-info-grid">
<div class="monster-info-card">
<div class="monster-card-header">
<h4><img class="monster-icon" src="https://wikimirror.lifeto.co/asset.103.ggftw.net/wiki/to-w/images/3/3b/Funky_Orc.gif" alt="Funky Orc"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Funky_Orc.html" target="_blank">Funky Orc</a></h4>
<span class="monster-level-badge">Lv 343</span>
</div>
<div class="monster-stats-details">
<div class="monster-stat-info"><span class="monster-stat-label">Player Level</span><span class="monster-stat-value">251+</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Location</span><span class="monster-stat-value"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Tapasco_Field_3_-_Valley_of_Flame.html" target="_blank">Tapasco Field 3 - Valley of Flame</a></span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Kill Count</span><span class="monster-stat-value">30 monsters</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Time Limit</span><span class="monster-stat-value">20 minutes</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Quest Cycle</span><span class="monster-stat-value">5x</span></div>
<div class="monster-stat-info"><span class="monster-stat-label">Reward</span><span class="monster-stat-value">Solo Chaos Token (Tapasco)</span></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>

<section id="tab-party" class="tab-content" role="tabpanel">
<div class="tokens-section">
<div class="nested-container">
<ul class="nested-tabs">
<li><button class="nested-tab active" data-tab="party-desert"><img src="https://mewsie.world/CoraTOWiki/images/3/38/Chaos_token_desert.png" alt="Chaos Token Desert" style="width:24px;height:24px;margin-right:8px;border-radius:6px;vertical-align:middle;">Desert (Desert Beach Mine - Crystal Copper)</button></li>
<li><button class="nested-tab" data-tab="party-azteca"><img src="https://mewsie.world/CoraTOWiki/images/1/18/Chaos_token_azteca.png" alt="Chaos Token Azteca" style="width:24px;height:24px;margin-right:8px;border-radius:6px;vertical-align:middle;">Azteca (Caballa Relics Mine - Jade Steel)</button></li>
<li><button class="nested-tab" data-tab="party-swamp"><img src="https://mewsie.world/CoraTOWiki/images/b/bb/Chaos_token_swamp.png" alt="Chaos Token Swamp" style="width:24px;height:24px;margin-right:8px;border-radius:6px;vertical-align:middle;">Swamp (Swamp Mine - Silver Jewel)</button></li>
<li><button class="nested-tab" data-tab="party-snow"><img src="https://mewsie.world/CoraTOWiki/images/d/d8/Chaos_token_snow.png" alt="Chaos Token Snow" style="width:24px;height:24px;margin-right:8px;border-radius:6px;vertical-align:middle;">Snow (Snow Hill Mine - Precious Jewel)</button></li>
<li><button class="nested-tab" data-tab="party-techichi"><img src="https://mewsie.world/CoraTOWiki/images/1/16/Chaos_token_techichi.png" alt="Chaos Token Techichi" style="width:24px;height:24px;margin-right:8px;border-radius:6px;vertical-align:middle;">Techichi (Techichi Volcano - Golden Ash)</button></li>
<li><button class="nested-tab" data-tab="party-tapasco"><img src="https://mewsie.world/CoraTOWiki/images/7/7f/Chaos_token_tap.png" alt="Chaos Token Tapasco" style="width:24px;height:24px;margin-right:8px;border-radius:6px;vertical-align:middle;">Tapasco (Tapasco Mine - Silent Lava)</button></li>
</ul>

<div id="party-desert" class="nested-content active">
<div class="tokens-grid">
<div class="token-card">
<div class="token-card-header">
<div class="image-container"><img src="https://mewsie.world/CoraTOWiki/images/3/38/Chaos_token_desert.png" alt="Chaos Token Desert"></div>
<div class="token-title">Chaos Token (Desert)</div>
</div>
<div class="token-meta">
<div class="token-meta-item">Lv: 120+</div>
<div class="token-meta-item">Exchanged CFs: <span class="token-cfs">95, 110, 125</span></div>
<div class="token-meta-item">Location: <a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/List_of_Party_Quests_with_Chaos%27s_Feather.html#Officer_Tera_-_Crystal_Copper_Party_Quest" target="_blank">Desert Beach Mine - Crystal Copper</a></div>
<div class="token-meta-item npc-inline">Officer Tera</div>
</div>

<ul class="nested-tabs partyquest-tabs">
<li><button class="nested-tab active" data-tab="desert-party-2">2 membros</button></li>
<li><button class="nested-tab" data-tab="desert-party-3">3 membros</button></li>
<li><button class="nested-tab" data-tab="desert-party-4">4 membros</button></li>
<li><button class="nested-tab" data-tab="desert-party-5">5 membros</button></li>
<li><button class="nested-tab" data-tab="desert-party-6">6 membros</button></li>
</ul>

<div id="desert-party-2" class="nested-content active">
<div class="partyquest-info-grid">
<div class="partyquest-info-card">
<div class="partyquest-card-header">
<h4><img class="monster-icon" src="https://wikimirror.lifeto.co/asset.103.ggftw.net/wiki/to-w/images/7/7e/Kira.gif" alt="Kira"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Officer_Tera_-_Crystal_Copper_Party_Quest.html" target="_blank">Kira</a></h4>
<span class="partyquest-level-badge">Lv 180</span>
</div>
<div class="partyquest-stats-details">
<div class="partyquest-stat-info partyquest-condition"><span class="partyquest-stat-label">Condition</span><span class="partyquest-stat-value">All party members must be in Desert Beach Mine - Crystal Copper</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Player Level</span><span class="partyquest-stat-value">120–149</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Location</span><span class="partyquest-stat-value"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Officer_Tera_-_Crystal_Copper_Party_Quest.html" target="_blank">2nd Closed Lot of Crystal Copper</a></span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Kill Count</span><span class="partyquest-stat-value">8 monsters</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Time Limit</span><span class="partyquest-stat-value">10 minutes</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Quest Cycle</span><span class="partyquest-stat-value">Repeatable</span></div>
<div class="partyquest-stat-info partyquest-reward"><span class="partyquest-stat-label">Reward</span><span class="partyquest-stat-value">Chaos Token (Desert)</span></div>
</div>
</div>
</div>
</div>

<div id="desert-party-3" class="nested-content">
<div class="partyquest-info-grid">
<div class="partyquest-info-card">
<div class="partyquest-card-header">
<h4><img class="monster-icon" src="https://wikimirror.lifeto.co/asset.103.ggftw.net/wiki/to-w/images/7/7e/Kira.gif" alt="Kira"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Officer_Tera_-_Crystal_Copper_Party_Quest.html" target="_blank">Kira</a></h4>
<span class="partyquest-level-badge">Lv 180</span>
</div>
<div class="partyquest-stats-details">
<div class="partyquest-stat-info partyquest-condition"><span class="partyquest-stat-label">Condition</span><span class="partyquest-stat-value">All party members must be in Desert Beach Mine - Crystal Copper</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Player Level</span><span class="partyquest-stat-value">120–149</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Location</span><span class="partyquest-stat-value"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Officer_Tera_-_Crystal_Copper_Party_Quest.html" target="_blank">2nd Closed Lot of Crystal Copper</a></span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Kill Count</span><span class="partyquest-stat-value">12 monsters</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Time Limit</span><span class="partyquest-stat-value">10 minutes</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Quest Cycle</span><span class="partyquest-stat-value">Repeatable</span></div>
<div class="partyquest-stat-info partyquest-reward"><span class="partyquest-stat-label">Reward</span><span class="partyquest-stat-value">Chaos Token (Desert)</span></div>
</div>
</div>
</div>
</div>

<div id="desert-party-4" class="nested-content">
<div class="partyquest-info-grid">
<div class="partyquest-info-card">
<div class="partyquest-card-header">
<h4><img class="monster-icon" src="https://wikimirror.lifeto.co/asset.103.ggftw.net/wiki/to-w/images/7/7e/Kira.gif" alt="Kira"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Officer_Tera_-_Crystal_Copper_Party_Quest.html" target="_blank">Kira</a></h4>
<span class="partyquest-level-badge">Lv 180</span>
</div>
<div class="partyquest-stats-details">
<div class="partyquest-stat-info partyquest-condition"><span class="partyquest-stat-label">Condition</span><span class="partyquest-stat-value">All party members must be in Desert Beach Mine - Crystal Copper</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Player Level</span><span class="partyquest-stat-value">120–149</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Location</span><span class="partyquest-stat-value"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Officer_Tera_-_Crystal_Copper_Party_Quest.html" target="_blank">2nd Closed Lot of Crystal Copper</a></span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Kill Count</span><span class="partyquest-stat-value">16 monsters</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Time Limit</span><span class="partyquest-stat-value">10 minutes</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Quest Cycle</span><span class="partyquest-stat-value">Repeatable</span></div>
<div class="partyquest-stat-info partyquest-reward"><span class="partyquest-stat-label">Reward</span><span class="partyquest-stat-value">Chaos Token (Desert)</span></div>
</div>
</div>
</div>
</div>

<div id="desert-party-5" class="nested-content">
<div class="partyquest-info-grid">
<div class="partyquest-info-card">
<div class="partyquest-card-header">
<h4><img class="monster-icon" src="https://wikimirror.lifeto.co/asset.103.ggftw.net/wiki/to-w/images/7/7e/Kira.gif" alt="Kira"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Officer_Tera_-_Crystal_Copper_Party_Quest.html" target="_blank">Kira</a></h4>
<span class="partyquest-level-badge">Lv 180</span>
</div>
<div class="partyquest-stats-details">
<div class="partyquest-stat-info partyquest-condition"><span class="partyquest-stat-label">Condition</span><span class="partyquest-stat-value">All party members must be in Desert Beach Mine - Crystal Copper</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Player Level</span><span class="partyquest-stat-value">120–149</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Location</span><span class="partyquest-stat-value"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Officer_Tera_-_Crystal_Copper_Party_Quest.html" target="_blank">2nd Closed Lot of Crystal Copper</a></span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Kill Count</span><span class="partyquest-stat-value">20 monsters</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Time Limit</span><span class="partyquest-stat-value">10 minutes</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Quest Cycle</span><span class="partyquest-stat-value">Repeatable</span></div>
<div class="partyquest-stat-info partyquest-reward"><span class="partyquest-stat-label">Reward</span><span class="partyquest-stat-value">Chaos Token (Desert)</span></div>
</div>
</div>
</div>
</div>

<div id="desert-party-6" class="nested-content">
<div class="partyquest-info-grid">
<div class="partyquest-info-card">
<div class="partyquest-card-header">
<h4><img class="monster-icon" src="https://wikimirror.lifeto.co/asset.103.ggftw.net/wiki/to-w/images/7/7e/Kira.gif" alt="Kira"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Officer_Tera_-_Crystal_Copper_Party_Quest.html" target="_blank">Kira</a></h4>
<span class="partyquest-level-badge">Lv 180</span>
</div>
<div class="partyquest-stats-details">
<div class="partyquest-stat-info partyquest-condition"><span class="partyquest-stat-label">Condition</span><span class="partyquest-stat-value">All party members must be in Desert Beach Mine - Crystal Copper</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Player Level</span><span class="partyquest-stat-value">120–149</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Location</span><span class="partyquest-stat-value"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Officer_Tera_-_Crystal_Copper_Party_Quest.html" target="_blank">2nd Closed Lot of Crystal Copper</a></span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Kill Count</span><span class="partyquest-stat-value">24 monsters</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Time Limit</span><span class="partyquest-stat-value">10 minutes</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Quest Cycle</span><span class="partyquest-stat-value">Repeatable</span></div>
<div class="partyquest-stat-info partyquest-reward"><span class="partyquest-stat-label">Reward</span><span class="partyquest-stat-value">Chaos Token (Desert)</span></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<div id="party-azteca" class="nested-content">
<div class="tokens-grid">
<div class="token-card">
<div class="token-card-header">
<div class="image-container"><img src="https://mewsie.world/CoraTOWiki/images/1/18/Chaos_token_azteca.png" alt="Chaos Token Azteca"></div>
<div class="token-title">Chaos Token (Azteca)</div>
</div>
<div class="token-meta">
<div class="token-meta-item">Lv: 150+</div>
<div class="token-meta-item">Exchanged CFs: <span class="token-cfs">140, 155, 170</span></div>
<div class="token-meta-item">Location: <a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/List_of_Party_Quests_with_Chaos%27s_Feather.html#Officer_Tera_-_Jade_Steel_Party_Quest" target="_blank">Caballa Relics Mine - Jade Steel</a></div>
<div class="token-meta-item npc-inline">Officer Tera</div>
</div>

<ul class="nested-tabs partyquest-tabs">
<li><button class="nested-tab active" data-tab="azteca-party-2">2 membros</button></li>
<li><button class="nested-tab" data-tab="azteca-party-3">3 membros</button></li>
<li><button class="nested-tab" data-tab="azteca-party-4">4 membros</button></li>
<li><button class="nested-tab" data-tab="azteca-party-5">5 membros</button></li>
<li><button class="nested-tab" data-tab="azteca-party-6">6 membros</button></li>
</ul>

<div id="azteca-party-2" class="nested-content active">
<div class="partyquest-info-grid">
<div class="partyquest-info-card">
<div class="partyquest-card-header">
<h4><img class="monster-icon" src="https://wikimirror.lifeto.co/asset.103.ggftw.net/wiki/to-w/images/1/1e/Leprechaun.gif" alt="Leprechaun"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Officer_Tera_-_Jade_Steel_Party_Quest.html" target="_blank">Leprechaun</a></h4>
<span class="partyquest-level-badge">Lv 225</span>
</div>
<div class="partyquest-stats-details">
<div class="partyquest-stat-info partyquest-condition"><span class="partyquest-stat-label">Condition</span><span class="partyquest-stat-value">All party members must be in Caballa Relics Mine - Jade Steel</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Player Level</span><span class="partyquest-stat-value">150–179</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Location</span><span class="partyquest-stat-value"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Officer_Tera_-_Jade_Steel_Party_Quest.html" target="_blank">2nd Closed Lot of Jade Steel</a></span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Kill Count</span><span class="partyquest-stat-value">8 monsters</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Time Limit</span><span class="partyquest-stat-value">10 minutes</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Quest Cycle</span><span class="partyquest-stat-value">Repeatable</span></div>
<div class="partyquest-stat-info partyquest-reward"><span class="partyquest-stat-label">Reward</span><span class="partyquest-stat-value">Chaos Token (Azteca)</span></div>
</div>
</div>
</div>
</div>

<div id="azteca-party-3" class="nested-content">
<div class="partyquest-info-grid">
<div class="partyquest-info-card">
<div class="partyquest-card-header">
<h4><img class="monster-icon" src="https://wikimirror.lifeto.co/asset.103.ggftw.net/wiki/to-w/images/1/1e/Leprechaun.gif" alt="Leprechaun"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Officer_Tera_-_Jade_Steel_Party_Quest.html" target="_blank">Leprechaun</a></h4>
<span class="partyquest-level-badge">Lv 225</span>
</div>
<div class="partyquest-stats-details">
<div class="partyquest-stat-info partyquest-condition"><span class="partyquest-stat-label">Condition</span><span class="partyquest-stat-value">All party members must be in Caballa Relics Mine - Jade Steel</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Player Level</span><span class="partyquest-stat-value">150–179</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Location</span><span class="partyquest-stat-value"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Officer_Tera_-_Jade_Steel_Party_Quest.html" target="_blank">2nd Closed Lot of Jade Steel</a></span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Kill Count</span><span class="partyquest-stat-value">12 monsters</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Time Limit</span><span class="partyquest-stat-value">10 minutes</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Quest Cycle</span><span class="partyquest-stat-value">Repeatable</span></div>
<div class="partyquest-stat-info partyquest-reward"><span class="partyquest-stat-label">Reward</span><span class="partyquest-stat-value">Chaos Token (Azteca)</span></div>
</div>
</div>
</div>
</div>

<div id="azteca-party-4" class="nested-content">
<div class="partyquest-info-grid">
<div class="partyquest-info-card">
<div class="partyquest-card-header">
<h4><img class="monster-icon" src="https://wikimirror.lifeto.co/asset.103.ggftw.net/wiki/to-w/images/1/1e/Leprechaun.gif" alt="Leprechaun"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Officer_Tera_-_Jade_Steel_Party_Quest.html" target="_blank">Leprechaun</a></h4>
<span class="partyquest-level-badge">Lv 225</span>
</div>
<div class="partyquest-stats-details">
<div class="partyquest-stat-info partyquest-condition"><span class="partyquest-stat-label">Condition</span><span class="partyquest-stat-value">All party members must be in Caballa Relics Mine - Jade Steel</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Player Level</span><span class="partyquest-stat-value">150–179</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Location</span><span class="partyquest-stat-value"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Officer_Tera_-_Jade_Steel_Party_Quest.html" target="_blank">2nd Closed Lot of Jade Steel</a></span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Kill Count</span><span class="partyquest-stat-value">16 monsters</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Time Limit</span><span class="partyquest-stat-value">10 minutes</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Quest Cycle</span><span class="partyquest-stat-value">Repeatable</span></div>
<div class="partyquest-stat-info partyquest-reward"><span class="partyquest-stat-label">Reward</span><span class="partyquest-stat-value">Chaos Token (Azteca)</span></div>
</div>
</div>
</div>
</div>

<div id="azteca-party-5" class="nested-content">
<div class="partyquest-info-grid">
<div class="partyquest-info-card">
<div class="partyquest-card-header">
<h4><img class="monster-icon" src="https://wikimirror.lifeto.co/asset.103.ggftw.net/wiki/to-w/images/1/1e/Leprechaun.gif" alt="Leprechaun"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Officer_Tera_-_Jade_Steel_Party_Quest.html" target="_blank">Leprechaun</a></h4>
<span class="partyquest-level-badge">Lv 225</span>
</div>
<div class="partyquest-stats-details">
<div class="partyquest-stat-info partyquest-condition"><span class="partyquest-stat-label">Condition</span><span class="partyquest-stat-value">All party members must be in Caballa Relics Mine - Jade Steel</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Player Level</span><span class="partyquest-stat-value">150–179</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Location</span><span class="partyquest-stat-value"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Officer_Tera_-_Jade_Steel_Party_Quest.html" target="_blank">2nd Closed Lot of Jade Steel</a></span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Kill Count</span><span class="partyquest-stat-value">20 monsters</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Time Limit</span><span class="partyquest-stat-value">10 minutes</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Quest Cycle</span><span class="partyquest-stat-value">Repeatable</span></div>
<div class="partyquest-stat-info partyquest-reward"><span class="partyquest-stat-label">Reward</span><span class="partyquest-stat-value">Chaos Token (Azteca)</span></div>
</div>
</div>
</div>
</div>

<div id="azteca-party-6" class="nested-content">
<div class="partyquest-info-grid">
<div class="partyquest-info-card">
<div class="partyquest-card-header">
<h4><img class="monster-icon" src="https://wikimirror.lifeto.co/asset.103.ggftw.net/wiki/to-w/images/1/1e/Leprechaun.gif" alt="Leprechaun"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Officer_Tera_-_Jade_Steel_Party_Quest.html" target="_blank">Leprechaun</a></h4>
<span class="partyquest-level-badge">Lv 225</span>
</div>
<div class="partyquest-stats-details">
<div class="partyquest-stat-info partyquest-condition"><span class="partyquest-stat-label">Condition</span><span class="partyquest-stat-value">All party members must be in Caballa Relics Mine - Jade Steel</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Player Level</span><span class="partyquest-stat-value">150–179</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Location</span><span class="partyquest-stat-value"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Officer_Tera_-_Jade_Steel_Party_Quest.html" target="_blank">2nd Closed Lot of Jade Steel</a></span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Kill Count</span><span class="partyquest-stat-value">24 monsters</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Time Limit</span><span class="partyquest-stat-value">10 minutes</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Quest Cycle</span><span class="partyquest-stat-value">Repeatable</span></div>
<div class="partyquest-stat-info partyquest-reward"><span class="partyquest-stat-label">Reward</span><span class="partyquest-stat-value">Chaos Token (Azteca)</span></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<div id="party-swamp" class="nested-content">
<div class="tokens-grid">
<div class="token-card">
<div class="token-card-header">
<div class="image-container"><img src="https://mewsie.world/CoraTOWiki/images/b/bb/Chaos_token_swamp.png" alt="Chaos Token Swamp"></div>
<div class="token-title">Chaos Token (Swamp)</div>
</div>
<div class="token-meta">
<div class="token-meta-item">Lv: 180+</div>
<div class="token-meta-item">Exchanged CFs: <span class="token-cfs">185, 200, 215</span></div>
<div class="token-meta-item">Location: <a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/List_of_Party_Quests_with_Chaos%27s_Feather.html#Officer_Tera_-_Silver_Jewel_Party_Quest" target="_blank">Swamp Mine - Silver Jewel</a></div>
<div class="token-meta-item npc-inline">Officer Tera</div>
</div>
<ul class="nested-tabs partyquest-tabs">
<li><button class="nested-tab active" data-tab="swamp-party-2">2 membros</button></li>
<li><button class="nested-tab" data-tab="swamp-party-3">3 membros</button></li>
<li><button class="nested-tab" data-tab="swamp-party-4">4 membros</button></li>
<li><button class="nested-tab" data-tab="swamp-party-5">5 membros</button></li>
<li><button class="nested-tab" data-tab="swamp-party-6">6 membros</button></li>
</ul>

<div id="swamp-party-2" class="nested-content active">
<div class="partyquest-info-grid">
<div class="partyquest-info-card">
<div class="partyquest-card-header">
<h4><img class="monster-icon" src="https://wikimirror.lifeto.co/asset.103.ggftw.net/wiki/to-w/images/b/b5/Guard_Mon.gif" alt="Guard Mon"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Officer_Tera_-_Silver_Jewel_Party_Quest.html" target="_blank">Guard Mon</a></h4>
<span class="partyquest-level-badge">Lv 270</span>
</div>
<div class="partyquest-stats-details">
<div class="partyquest-stat-info partyquest-condition"><span class="partyquest-stat-label">Condition</span><span class="partyquest-stat-value">All party members must be in Swamp Mine - Silver Jewel</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Player Level</span><span class="partyquest-stat-value">180–199</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Location</span><span class="partyquest-stat-value"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Officer_Tera_-_Silver_Jewel_Party_Quest.html" target="_blank">2nd Closed Lot of Silver Jewel</a></span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Kill Count</span><span class="partyquest-stat-value">8 monsters</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Time Limit</span><span class="partyquest-stat-value">10 minutes</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Quest Cycle</span><span class="partyquest-stat-value">Repeatable</span></div>
<div class="partyquest-stat-info partyquest-reward"><span class="partyquest-stat-label">Reward</span><span class="partyquest-stat-value">Chaos Token (Swamp)</span></div>
</div>
</div>
</div>
</div>

<div id="swamp-party-3" class="nested-content">
<div class="partyquest-info-grid">
<div class="partyquest-info-card">
<div class="partyquest-card-header">
<h4><img class="monster-icon" src="https://wikimirror.lifeto.co/asset.103.ggftw.net/wiki/to-w/images/b/b5/Guard_Mon.gif" alt="Guard Mon"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Officer_Tera_-_Silver_Jewel_Party_Quest.html" target="_blank">Guard Mon</a></h4>
<span class="partyquest-level-badge">Lv 270</span>
</div>
<div class="partyquest-stats-details">
<div class="partyquest-stat-info partyquest-condition"><span class="partyquest-stat-label">Condition</span><span class="partyquest-stat-value">All party members must be in Swamp Mine - Silver Jewel</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Player Level</span><span class="partyquest-stat-value">180–199</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Location</span><span class="partyquest-stat-value"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Officer_Tera_-_Silver_Jewel_Party_Quest.html" target="_blank">2nd Closed Lot of Silver Jewel</a></span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Kill Count</span><span class="partyquest-stat-value">12 monsters</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Time Limit</span><span class="partyquest-stat-value">10 minutes</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Quest Cycle</span><span class="partyquest-stat-value">Repeatable</span></div>
<div class="partyquest-stat-info partyquest-reward"><span class="partyquest-stat-label">Reward</span><span class="partyquest-stat-value">Chaos Token (Swamp)</span></div>
</div>
</div>
</div>
</div>

<div id="swamp-party-4" class="nested-content">
<div class="partyquest-info-grid">
<div class="partyquest-info-card">
<div class="partyquest-card-header">
<h4><img class="monster-icon" src="https://wikimirror.lifeto.co/asset.103.ggftw.net/wiki/to-w/images/b/b5/Guard_Mon.gif" alt="Guard Mon"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Officer_Tera_-_Silver_Jewel_Party_Quest.html" target="_blank">Guard Mon</a></h4>
<span class="partyquest-level-badge">Lv 270</span>
</div>
<div class="partyquest-stats-details">
<div class="partyquest-stat-info partyquest-condition"><span class="partyquest-stat-label">Condition</span><span class="partyquest-stat-value">All party members must be in Swamp Mine - Silver Jewel</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Player Level</span><span class="partyquest-stat-value">180–199</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Location</span><span class="partyquest-stat-value"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Officer_Tera_-_Silver_Jewel_Party_Quest.html" target="_blank">2nd Closed Lot of Silver Jewel</a></span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Kill Count</span><span class="partyquest-stat-value">16 monsters</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Time Limit</span><span class="partyquest-stat-value">10 minutes</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Quest Cycle</span><span class="partyquest-stat-value">Repeatable</span></div>
<div class="partyquest-stat-info partyquest-reward"><span class="partyquest-stat-label">Reward</span><span class="partyquest-stat-value">Chaos Token (Swamp)</span></div>
</div>
</div>
</div>
</div>

<div id="swamp-party-5" class="nested-content">
<div class="partyquest-info-grid">
<div class="partyquest-info-card">
<div class="partyquest-card-header">
<h4><img class="monster-icon" src="https://wikimirror.lifeto.co/asset.103.ggftw.net/wiki/to-w/images/b/b5/Guard_Mon.gif" alt="Guard Mon"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Officer_Tera_-_Silver_Jewel_Party_Quest.html" target="_blank">Guard Mon</a></h4>
<span class="partyquest-level-badge">Lv 270</span>
</div>
<div class="partyquest-stats-details">
<div class="partyquest-stat-info partyquest-condition"><span class="partyquest-stat-label">Condition</span><span class="partyquest-stat-value">All party members must be in Swamp Mine - Silver Jewel</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Player Level</span><span class="partyquest-stat-value">180–199</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Location</span><span class="partyquest-stat-value"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Officer_Tera_-_Silver_Jewel_Party_Quest.html" target="_blank">2nd Closed Lot of Silver Jewel</a></span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Kill Count</span><span class="partyquest-stat-value">20 monsters</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Time Limit</span><span class="partyquest-stat-value">10 minutes</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Quest Cycle</span><span class="partyquest-stat-value">Repeatable</span></div>
<div class="partyquest-stat-info partyquest-reward"><span class="partyquest-stat-label">Reward</span><span class="partyquest-stat-value">Chaos Token (Swamp)</span></div>
</div>
</div>
</div>
</div>

<div id="swamp-party-6" class="nested-content">
<div class="partyquest-info-grid">
<div class="partyquest-info-card">
<div class="partyquest-card-header">
<h4><img class="monster-icon" src="https://wikimirror.lifeto.co/asset.103.ggftw.net/wiki/to-w/images/b/b5/Guard_Mon.gif" alt="Guard Mon"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Officer_Tera_-_Silver_Jewel_Party_Quest.html" target="_blank">Guard Mon</a></h4>
<span class="partyquest-level-badge">Lv 270</span>
</div>
<div class="partyquest-stats-details">
<div class="partyquest-stat-info partyquest-condition"><span class="partyquest-stat-label">Condition</span><span class="partyquest-stat-value">All party members must be in Swamp Mine - Silver Jewel</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Player Level</span><span class="partyquest-stat-value">180–199</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Location</span><span class="partyquest-stat-value"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Officer_Tera_-_Silver_Jewel_Party_Quest.html" target="_blank">2nd Closed Lot of Silver Jewel</a></span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Kill Count</span><span class="partyquest-stat-value">24 monsters</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Time Limit</span><span class="partyquest-stat-value">10 minutes</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Quest Cycle</span><span class="partyquest-stat-value">Repeatable</span></div>
<div class="partyquest-stat-info partyquest-reward"><span class="partyquest-stat-label">Reward</span><span class="partyquest-stat-value">Chaos Token (Swamp)</span></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<div id="party-snow" class="nested-content">
<div class="tokens-grid">
<div class="token-card">
<div class="token-card-header">
<div class="image-container"><img src="https://mewsie.world/CoraTOWiki/images/d/d8/Chaos_token_snow.png" alt="Chaos Token Snow"></div>
<div class="token-title">Chaos Token (Snow)</div>
</div>
<div class="token-meta">
<div class="token-meta-item">Lv: 200+</div>
<div class="token-meta-item">Exchanged CFs: <span class="token-cfs">230, 245, 260</span></div>
<div class="token-meta-item">Location: <a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/List_of_Party_Quests_with_Chaos%27s_Feather.html#Officer_Tera_-_Precious_Jewel_Party_Quest" target="_blank">Snow Hill Mine - Precious Jewel</a></div>
<div class="token-meta-item npc-inline">Officer Tera</div>
</div>
<ul class="nested-tabs partyquest-tabs">
<li><button class="nested-tab active" data-tab="snow-party-2">2 membros</button></li>
<li><button class="nested-tab" data-tab="snow-party-3">3 membros</button></li>
<li><button class="nested-tab" data-tab="snow-party-4">4 membros</button></li>
<li><button class="nested-tab" data-tab="snow-party-5">5 membros</button></li>
<li><button class="nested-tab" data-tab="snow-party-6">6 membros</button></li>
</ul>

<div id="snow-party-2" class="nested-content active">
<div class="partyquest-info-grid">
<div class="partyquest-info-card">
<div class="partyquest-card-header">
<h4><img class="monster-icon" src="https://wikimirror.lifeto.co/asset.103.ggftw.net/wiki/to-w/images/5/55/Guard_Ian.gif" alt="Guard Ian"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Officer_Tera_-_Precious_Jewel_Party_Quest.html" target="_blank">Guard Ian</a></h4>
<span class="partyquest-level-badge">Lv 320</span>
</div>
<div class="partyquest-stats-details">
<div class="partyquest-stat-info partyquest-condition"><span class="partyquest-stat-label">Condition</span><span class="partyquest-stat-value">All party members must be in Snow Hill Mine - Precious Jewel</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Player Level</span><span class="partyquest-stat-value">200+</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Location</span><span class="partyquest-stat-value"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Officer_Tera_-_Precious_Jewel_Party_Quest.html" target="_blank">2nd Closed Lot of Precious Jewel</a></span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Kill Count</span><span class="partyquest-stat-value">8 monsters</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Time Limit</span><span class="partyquest-stat-value">10 minutes</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Quest Cycle</span><span class="partyquest-stat-value">Repeatable</span></div>
<div class="partyquest-stat-info partyquest-reward"><span class="partyquest-stat-label">Reward</span><span class="partyquest-stat-value">Chaos Token (Snow)</span></div>
</div>
</div>
</div>
</div>

<div id="snow-party-3" class="nested-content">
<div class="partyquest-info-grid">
<div class="partyquest-info-card">
<div class="partyquest-card-header">
<h4><img class="monster-icon" src="https://wikimirror.lifeto.co/asset.103.ggftw.net/wiki/to-w/images/5/55/Guard_Ian.gif" alt="Guard Ian"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Officer_Tera_-_Precious_Jewel_Party_Quest.html" target="_blank">Guard Ian</a></h4>
<span class="partyquest-level-badge">Lv 320</span>
</div>
<div class="partyquest-stats-details">
<div class="partyquest-stat-info partyquest-condition"><span class="partyquest-stat-label">Condition</span><span class="partyquest-stat-value">All party members must be in Snow Hill Mine - Precious Jewel</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Player Level</span><span class="partyquest-stat-value">200+</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Location</span><span class="partyquest-stat-value"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Officer_Tera_-_Precious_Jewel_Party_Quest.html" target="_blank">2nd Closed Lot of Precious Jewel</a></span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Kill Count</span><span class="partyquest-stat-value">12 monsters</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Time Limit</span><span class="partyquest-stat-value">10 minutes</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Quest Cycle</span><span class="partyquest-stat-value">Repeatable</span></div>
<div class="partyquest-stat-info partyquest-reward"><span class="partyquest-stat-label">Reward</span><span class="partyquest-stat-value">Chaos Token (Snow)</span></div>
</div>
</div>
</div>
</div>

<div id="snow-party-4" class="nested-content">
<div class="partyquest-info-grid">
<div class="partyquest-info-card">
<div class="partyquest-card-header">
<h4><img class="monster-icon" src="https://wikimirror.lifeto.co/asset.103.ggftw.net/wiki/to-w/images/5/55/Guard_Ian.gif" alt="Guard Ian"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Officer_Tera_-_Precious_Jewel_Party_Quest.html" target="_blank">Guard Ian</a></h4>
<span class="partyquest-level-badge">Lv 320</span>
</div>
<div class="partyquest-stats-details">
<div class="partyquest-stat-info partyquest-condition"><span class="partyquest-stat-label">Condition</span><span class="partyquest-stat-value">All party members must be in Snow Hill Mine - Precious Jewel</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Player Level</span><span class="partyquest-stat-value">200+</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Location</span><span class="partyquest-stat-value"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Officer_Tera_-_Precious_Jewel_Party_Quest.html" target="_blank">2nd Closed Lot of Precious Jewel</a></span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Kill Count</span><span class="partyquest-stat-value">16 monsters</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Time Limit</span><span class="partyquest-stat-value">10 minutes</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Quest Cycle</span><span class="partyquest-stat-value">Repeatable</span></div>
<div class="partyquest-stat-info partyquest-reward"><span class="partyquest-stat-label">Reward</span><span class="partyquest-stat-value">Chaos Token (Snow)</span></div>
</div>
</div>
</div>
</div>

<div id="snow-party-5" class="nested-content">
<div class="partyquest-info-grid">
<div class="partyquest-info-card">
<div class="partyquest-card-header">
<h4><img class="monster-icon" src="https://wikimirror.lifeto.co/asset.103.ggftw.net/wiki/to-w/images/5/55/Guard_Ian.gif" alt="Guard Ian"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Officer_Tera_-_Precious_Jewel_Party_Quest.html" target="_blank">Guard Ian</a></h4>
<span class="partyquest-level-badge">Lv 320</span>
</div>
<div class="partyquest-stats-details">
<div class="partyquest-stat-info partyquest-condition"><span class="partyquest-stat-label">Condition</span><span class="partyquest-stat-value">All party members must be in Snow Hill Mine - Precious Jewel</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Player Level</span><span class="partyquest-stat-value">200+</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Location</span><span class="partyquest-stat-value"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Officer_Tera_-_Precious_Jewel_Party_Quest.html" target="_blank">2nd Closed Lot of Precious Jewel</a></span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Kill Count</span><span class="partyquest-stat-value">20 monsters</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Time Limit</span><span class="partyquest-stat-value">10 minutes</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Quest Cycle</span><span class="partyquest-stat-value">Repeatable</span></div>
<div class="partyquest-stat-info partyquest-reward"><span class="partyquest-stat-label">Reward</span><span class="partyquest-stat-value">Chaos Token (Snow)</span></div>
</div>
</div>
</div>
</div>

<div id="snow-party-6" class="nested-content">
<div class="partyquest-info-grid">
<div class="partyquest-info-card">
<div class="partyquest-card-header">
<h4><img class="monster-icon" src="https://wikimirror.lifeto.co/asset.103.ggftw.net/wiki/to-w/images/5/55/Guard_Ian.gif" alt="Guard Ian"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Officer_Tera_-_Precious_Jewel_Party_Quest.html" target="_blank">Guard Ian</a></h4>
<span class="partyquest-level-badge">Lv 320</span>
</div>
<div class="partyquest-stats-details">
<div class="partyquest-stat-info partyquest-condition"><span class="partyquest-stat-label">Condition</span><span class="partyquest-stat-value">All party members must be in Snow Hill Mine - Precious Jewel</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Player Level</span><span class="partyquest-stat-value">200+</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Location</span><span class="partyquest-stat-value"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Officer_Tera_-_Precious_Jewel_Party_Quest.html" target="_blank">2nd Closed Lot of Precious Jewel</a></span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Kill Count</span><span class="partyquest-stat-value">24 monsters</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Time Limit</span><span class="partyquest-stat-value">10 minutes</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Quest Cycle</span><span class="partyquest-stat-value">Repeatable</span></div>
<div class="partyquest-stat-info partyquest-reward"><span class="partyquest-stat-label">Reward</span><span class="partyquest-stat-value">Chaos Token (Snow)</span></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<div id="party-techichi" class="nested-content">
<div class="tokens-grid">
<div class="token-card">
<div class="token-card-header">
<div class="image-container"><img src="https://mewsie.world/CoraTOWiki/images/1/16/Chaos_token_techichi.png" alt="Chaos Token Techichi"></div>
<div class="token-title">Chaos Token (Techichi)</div>
</div>
<div class="token-meta">
<div class="token-meta-item">Lv: 230+</div>
<div class="token-meta-item">Exchanged CFs: <span class="token-cfs">275, 290, 305</span></div>
<div class="token-meta-item">Location: <a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/List_of_Party_Quests_with_Chaos%27s_Feather.html#Officer_Tera_-_Golden_Ash_Party_Quest" target="_blank">Techichi Volcano - Golden Ash</a></div>
<div class="token-meta-item npc-inline">Officer Tera</div>
</div>
<ul class="nested-tabs partyquest-tabs">
<li><button class="nested-tab active" data-tab="techichi-party-2">2 membros</button></li>
<li><button class="nested-tab" data-tab="techichi-party-3">3 membros</button></li>
<li><button class="nested-tab" data-tab="techichi-party-4">4 membros</button></li>
<li><button class="nested-tab" data-tab="techichi-party-5">5 membros</button></li>
<li><button class="nested-tab" data-tab="techichi-party-6">6 membros</button></li>
</ul>

<div id="techichi-party-2" class="nested-content active">
<div class="partyquest-info-grid">
<div class="partyquest-info-card">
<div class="partyquest-card-header">
<h4><img class="monster-icon" src="https://wikimirror.lifeto.co/asset.103.ggftw.net/wiki/to-w/images/d/de/Allionette.gif" alt="Allionette"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Officer_Tera_-_Golden_Ash_Party_Quest.html" target="_blank">Allionette</a></h4>
<span class="partyquest-level-badge">Lv 350</span>
</div>
<div class="partyquest-stats-details">
<div class="partyquest-stat-info partyquest-condition"><span class="partyquest-stat-label">Condition</span><span class="partyquest-stat-value">All party members must be in Techichi Volcano - Golden Ash</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Player Level</span><span class="partyquest-stat-value">230+</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Location</span><span class="partyquest-stat-value"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Officer_Tera_-_Golden_Ash_Party_Quest.html" target="_blank">Golden Ash Closed Lot 2</a></span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Kill Count</span><span class="partyquest-stat-value">8 monsters</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Time Limit</span><span class="partyquest-stat-value">10 minutes</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Quest Cycle</span><span class="partyquest-stat-value">Repeatable</span></div>
<div class="partyquest-stat-info partyquest-reward"><span class="partyquest-stat-label">Reward</span><span class="partyquest-stat-value">Chaos Token (Techichi)</span></div>
</div>
</div>
</div>
</div>

<div id="techichi-party-3" class="nested-content">
<div class="partyquest-info-grid">
<div class="partyquest-info-card">
<div class="partyquest-card-header">
<h4><img class="monster-icon" src="https://wikimirror.lifeto.co/asset.103.ggftw.net/wiki/to-w/images/d/de/Allionette.gif" alt="Allionette"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Officer_Tera_-_Golden_Ash_Party_Quest.html" target="_blank">Allionette</a></h4>
<span class="partyquest-level-badge">Lv 350</span>
</div>
<div class="partyquest-stats-details">
<div class="partyquest-stat-info partyquest-condition"><span class="partyquest-stat-label">Condition</span><span class="partyquest-stat-value">All party members must be in Techichi Volcano - Golden Ash</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Player Level</span><span class="partyquest-stat-value">230+</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Location</span><span class="partyquest-stat-value"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Officer_Tera_-_Golden_Ash_Party_Quest.html" target="_blank">Golden Ash Closed Lot 2</a></span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Kill Count</span><span class="partyquest-stat-value">12 monsters</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Time Limit</span><span class="partyquest-stat-value">10 minutes</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Quest Cycle</span><span class="partyquest-stat-value">Repeatable</span></div>
<div class="partyquest-stat-info partyquest-reward"><span class="partyquest-stat-label">Reward</span><span class="partyquest-stat-value">Chaos Token (Techichi)</span></div>
</div>
</div>
</div>
</div>

<div id="techichi-party-4" class="nested-content">
<div class="partyquest-info-grid">
<div class="partyquest-info-card">
<div class="partyquest-card-header">
<h4><img class="monster-icon" src="https://wikimirror.lifeto.co/asset.103.ggftw.net/wiki/to-w/images/d/de/Allionette.gif" alt="Allionette"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Officer_Tera_-_Golden_Ash_Party_Quest.html" target="_blank">Allionette</a></h4>
<span class="partyquest-level-badge">Lv 350</span>
</div>
<div class="partyquest-stats-details">
<div class="partyquest-stat-info partyquest-condition"><span class="partyquest-stat-label">Condition</span><span class="partyquest-stat-value">All party members must be in Techichi Volcano - Golden Ash</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Player Level</span><span class="partyquest-stat-value">230+</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Location</span><span class="partyquest-stat-value"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Officer_Tera_-_Golden_Ash_Party_Quest.html" target="_blank">Golden Ash Closed Lot 2</a></span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Kill Count</span><span class="partyquest-stat-value">16 monsters</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Time Limit</span><span class="partyquest-stat-value">10 minutes</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Quest Cycle</span><span class="partyquest-stat-value">Repeatable</span></div>
<div class="partyquest-stat-info partyquest-reward"><span class="partyquest-stat-label">Reward</span><span class="partyquest-stat-value">Chaos Token (Techichi)</span></div>
</div>
</div>
</div>
</div>

<div id="techichi-party-5" class="nested-content">
<div class="partyquest-info-grid">
<div class="partyquest-info-card">
<div class="partyquest-card-header">
<h4><img class="monster-icon" src="https://wikimirror.lifeto.co/asset.103.ggftw.net/wiki/to-w/images/d/de/Allionette.gif" alt="Allionette"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Officer_Tera_-_Golden_Ash_Party_Quest.html" target="_blank">Allionette</a></h4>
<span class="partyquest-level-badge">Lv 350</span>
</div>
<div class="partyquest-stats-details">
<div class="partyquest-stat-info partyquest-condition"><span class="partyquest-stat-label">Condition</span><span class="partyquest-stat-value">All party members must be in Techichi Volcano - Golden Ash</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Player Level</span><span class="partyquest-stat-value">230+</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Location</span><span class="partyquest-stat-value"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Officer_Tera_-_Golden_Ash_Party_Quest.html" target="_blank">Golden Ash Closed Lot 2</a></span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Kill Count</span><span class="partyquest-stat-value">20 monsters</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Time Limit</span><span class="partyquest-stat-value">10 minutes</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Quest Cycle</span><span class="partyquest-stat-value">Repeatable</span></div>
<div class="partyquest-stat-info partyquest-reward"><span class="partyquest-stat-label">Reward</span><span class="partyquest-stat-value">Chaos Token (Techichi)</span></div>
</div>
</div>
</div>
</div>

<div id="techichi-party-6" class="nested-content">
<div class="partyquest-info-grid">
<div class="partyquest-info-card">
<div class="partyquest-card-header">
<h4><img class="monster-icon" src="https://wikimirror.lifeto.co/asset.103.ggftw.net/wiki/to-w/images/d/de/Allionette.gif" alt="Allionette"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Officer_Tera_-_Golden_Ash_Party_Quest.html" target="_blank">Allionette</a></h4>
<span class="partyquest-level-badge">Lv 350</span>
</div>
<div class="partyquest-stats-details">
<div class="partyquest-stat-info partyquest-condition"><span class="partyquest-stat-label">Condition</span><span class="partyquest-stat-value">All party members must be in Techichi Volcano - Golden Ash</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Player Level</span><span class="partyquest-stat-value">230+</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Location</span><span class="partyquest-stat-value"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Officer_Tera_-_Golden_Ash_Party_Quest.html" target="_blank">Golden Ash Closed Lot 2</a></span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Kill Count</span><span class="partyquest-stat-value">24 monsters</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Time Limit</span><span class="partyquest-stat-value">10 minutes</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Quest Cycle</span><span class="partyquest-stat-value">Repeatable</span></div>
<div class="partyquest-stat-info partyquest-reward"><span class="partyquest-stat-label">Reward</span><span class="partyquest-stat-value">Chaos Token (Techichi)</span></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<div id="party-tapasco" class="nested-content">
<div class="tokens-grid">
<div class="token-card">
<div class="token-card-header">
<div class="image-container"><img src="https://mewsie.world/CoraTOWiki/images/7/7f/Chaos_token_tap.png" alt="Chaos Token Tapasco"></div>
<div class="token-title">Chaos Token (Tapasco)</div>
</div>
<div class="token-meta">
<div class="token-meta-item">Lv: 260+</div>
<div class="token-meta-item">Exchanged CFs: <span class="token-cfs">320, 335, 350</span></div>
<div class="token-meta-item">Location: <a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/List_of_Party_Quests_with_Chaos%27s_Feather.html#Officer_Tera_-_Silent_Lava_Mine_Party_Quest" target="_blank">Tapasco Mine - Silent Lava</a></div>
<div class="token-meta-item npc-inline">Officer Tera</div>
</div>
<ul class="nested-tabs partyquest-tabs">
<li><button class="nested-tab active" data-tab="tapasco-party-2">2 membros</button></li>
<li><button class="nested-tab" data-tab="tapasco-party-3">3 membros</button></li>
<li><button class="nested-tab" data-tab="tapasco-party-4">4 membros</button></li>
<li><button class="nested-tab" data-tab="tapasco-party-5">5 membros</button></li>
<li><button class="nested-tab" data-tab="tapasco-party-6">6 membros</button></li>
</ul>

<div id="tapasco-party-2" class="nested-content active">
<div class="partyquest-info-grid">
<div class="partyquest-info-card">
<div class="partyquest-card-header">
<h4><img class="monster-icon" src="https://wikimirror.lifeto.co/asset.103.ggftw.net/wiki/to-w/images/4/42/Fire_Hand.gif" alt="Fire Hand"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Officer_Tera_-_Silent_Lava_Mine_Party_Quest.html" target="_blank">Fire Hand</a></h4>
<span class="partyquest-level-badge">Lv 380</span>
</div>
<div class="partyquest-stats-details">
<div class="partyquest-stat-info partyquest-condition"><span class="partyquest-stat-label">Condition</span><span class="partyquest-stat-value">All party members must be in Tapasco Mine - Silent Lava</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Player Level</span><span class="partyquest-stat-value">260+</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Location</span><span class="partyquest-stat-value"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Officer_Tera_-_Silent_Lava_Mine_Party_Quest.html" target="_blank">2nd Closed Lot of Silent Lava</a></span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Kill Count</span><span class="partyquest-stat-value">8 monsters</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Time Limit</span><span class="partyquest-stat-value">10 minutes</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Quest Cycle</span><span class="partyquest-stat-value">Repeatable</span></div>
<div class="partyquest-stat-info partyquest-reward"><span class="partyquest-stat-label">Reward</span><span class="partyquest-stat-value">Chaos Token (Tapasco)</span></div>
</div>
</div>
</div>
</div>

<div id="tapasco-party-3" class="nested-content">
<div class="partyquest-info-grid">
<div class="partyquest-info-card">
<div class="partyquest-card-header">
<h4><img class="monster-icon" src="https://wikimirror.lifeto.co/asset.103.ggftw.net/wiki/to-w/images/4/42/Fire_Hand.gif" alt="Fire Hand"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Officer_Tera_-_Silent_Lava_Mine_Party_Quest.html" target="_blank">Fire Hand</a></h4>
<span class="partyquest-level-badge">Lv 380</span>
</div>
<div class="partyquest-stats-details">
<div class="partyquest-stat-info partyquest-condition"><span class="partyquest-stat-label">Condition</span><span class="partyquest-stat-value">All party members must be in Tapasco Mine - Silent Lava</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Player Level</span><span class="partyquest-stat-value">260+</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Location</span><span class="partyquest-stat-value"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Officer_Tera_-_Silent_Lava_Mine_Party_Quest.html" target="_blank">2nd Closed Lot of Silent Lava</a></span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Kill Count</span><span class="partyquest-stat-value">12 monsters</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Time Limit</span><span class="partyquest-stat-value">10 minutes</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Quest Cycle</span><span class="partyquest-stat-value">Repeatable</span></div>
<div class="partyquest-stat-info partyquest-reward"><span class="partyquest-stat-label">Reward</span><span class="partyquest-stat-value">Chaos Token (Tapasco)</span></div>
</div>
</div>
</div>
</div>

<div id="tapasco-party-4" class="nested-content">
<div class="partyquest-info-grid">
<div class="partyquest-info-card">
<div class="partyquest-card-header">
<h4><img class="monster-icon" src="https://wikimirror.lifeto.co/asset.103.ggftw.net/wiki/to-w/images/4/42/Fire_Hand.gif" alt="Fire Hand"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Officer_Tera_-_Silent_Lava_Mine_Party_Quest.html" target="_blank">Fire Hand</a></h4>
<span class="partyquest-level-badge">Lv 380</span>
</div>
<div class="partyquest-stats-details">
<div class="partyquest-stat-info partyquest-condition"><span class="partyquest-stat-label">Condition</span><span class="partyquest-stat-value">All party members must be in Tapasco Mine - Silent Lava</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Player Level</span><span class="partyquest-stat-value">260+</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Location</span><span class="partyquest-stat-value"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Officer_Tera_-_Silent_Lava_Mine_Party_Quest.html" target="_blank">2nd Closed Lot of Silent Lava</a></span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Kill Count</span><span class="partyquest-stat-value">16 monsters</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Time Limit</span><span class="partyquest-stat-value">10 minutes</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Quest Cycle</span><span class="partyquest-stat-value">Repeatable</span></div>
<div class="partyquest-stat-info partyquest-reward"><span class="partyquest-stat-label">Reward</span><span class="partyquest-stat-value">Chaos Token (Tapasco)</span></div>
</div>
</div>
</div>
</div>

<div id="tapasco-party-5" class="nested-content">
<div class="partyquest-info-grid">
<div class="partyquest-info-card">
<div class="partyquest-card-header">
<h4><img class="monster-icon" src="https://wikimirror.lifeto.co/asset.103.ggftw.net/wiki/to-w/images/4/42/Fire_Hand.gif" alt="Fire Hand"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Officer_Tera_-_Silent_Lava_Mine_Party_Quest.html" target="_blank">Fire Hand</a></h4>
<span class="partyquest-level-badge">Lv 380</span>
</div>
<div class="partyquest-stats-details">
<div class="partyquest-stat-info partyquest-condition"><span class="partyquest-stat-label">Condition</span><span class="partyquest-stat-value">All party members must be in Tapasco Mine - Silent Lava</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Player Level</span><span class="partyquest-stat-value">260+</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Location</span><span class="partyquest-stat-value"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Officer_Tera_-_Silent_Lava_Mine_Party_Quest.html" target="_blank">2nd Closed Lot of Silent Lava</a></span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Kill Count</span><span class="partyquest-stat-value">20 monsters</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Time Limit</span><span class="partyquest-stat-value">10 minutes</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Quest Cycle</span><span class="partyquest-stat-value">Repeatable</span></div>
<div class="partyquest-stat-info partyquest-reward"><span class="partyquest-stat-label">Reward</span><span class="partyquest-stat-value">Chaos Token (Tapasco)</span></div>
</div>
</div>
</div>
</div>

<div id="tapasco-party-6" class="nested-content">
<div class="partyquest-info-grid">
<div class="partyquest-info-card">
<div class="partyquest-card-header">
<h4><img class="monster-icon" src="https://wikimirror.lifeto.co/asset.103.ggftw.net/wiki/to-w/images/4/42/Fire_Hand.gif" alt="Fire Hand"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Officer_Tera_-_Silent_Lava_Mine_Party_Quest.html" target="_blank">Fire Hand</a></h4>
<span class="partyquest-level-badge">Lv 380</span>
</div>
<div class="partyquest-stats-details">
<div class="partyquest-stat-info partyquest-condition"><span class="partyquest-stat-label">Condition</span><span class="partyquest-stat-value">All party members must be in Tapasco Mine - Silent Lava</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Player Level</span><span class="partyquest-stat-value">260+</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Location</span><span class="partyquest-stat-value"><a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Officer_Tera_-_Silent_Lava_Mine_Party_Quest.html" target="_blank">2nd Closed Lot of Silent Lava</a></span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Kill Count</span><span class="partyquest-stat-value">24 monsters</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Time Limit</span><span class="partyquest-stat-value">10 minutes</span></div>
<div class="partyquest-stat-info"><span class="partyquest-stat-label">Quest Cycle</span><span class="partyquest-stat-value">Repeatable</span></div>
<div class="partyquest-stat-info partyquest-reward"><span class="partyquest-stat-label">Reward</span><span class="partyquest-stat-value">Chaos Token (Tapasco)</span></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>

<section id="tab-valxius" class="tab-content" role="tabpanel">
<div class="guide-section-header">
<h2 class="guide-section-title">Universal NPC Exchange Information - Valxius</h2>
</div>
<div class="tokens-section">
<div class="image-container"><img
src="https://mewsie.world/CoraTOWiki/images/4/45/Valxius.png" alt="Valxius">
</div>
<div class="tokens-grid">
<div class="token-card">
<div class="token-card-header">
<div class="token-title">Desert</div>
</div>
<div class="token-meta">
<div class="token-meta-item">Location: Desert Beach Mine - Crystal Copper</div>
<div class="token-meta-item">Exchanged CFs (Solo): <span class="token-cfs">20, 35, 50</span></div>
<div class="token-meta-item">Exchanged CFs (Party): <span class="token-cfs">95, 110, 125</span>
</div>
<div class="token-meta-item">Type in Area: Solo + Party</div>
</div>
</div>

<div class="token-card">
<div class="token-card-header">
<div class="token-title">Azteca</div>
</div>
<div class="token-meta">
<div class="token-meta-item">Location: Caballa Relics Mine - Jade Steel</div>
<div class="token-meta-item">Exchanged CFs (Solo): <span class="token-cfs">65, 80, 95</span></div>
<div class="token-meta-item">Exchanged CFs (Party): <span class="token-cfs">140, 155, 170</span>
</div>
<div class="token-meta-item">Type in Area: Solo + Party</div>
</div>
</div>

<div class="token-card">
<div class="token-card-header">
<div class="token-title">Aquarius</div>
</div>
<div class="token-meta">
<div class="token-meta-item">Location: Aquarius Shop</div>
<div class="token-meta-item">Exchanged CFs (Solo): <span class="token-cfs">110, 125, 140</span>
</div>
<div class="token-meta-item">Exchanged CFs (Party): N/A</div>
<div class="token-meta-item">Type in Area: Solo</div>
</div>
</div>

<div class="token-card">
<div class="token-card-header">
<div class="token-title">Rose</div>
</div>
<div class="token-meta">
<div class="token-meta-item">Location: Gate of Vamp Castle</div>
<div class="token-meta-item">Exchanged CFs (Solo): <span class="token-cfs">155, 170, 185</span>
</div>
<div class="token-meta-item">Exchanged CFs (Party): N/A</div>
<div class="token-meta-item">Type in Area: Solo</div>
</div>
</div>

<div class="token-card">
<div class="token-card-header">
<div class="token-title">Swamp</div>
</div>
<div class="token-meta">
<div class="token-meta-item">Location: Swamp Mine - Silver Jewel</div>
<div class="token-meta-item">Exchanged CFs (Solo): <span class="token-cfs">200, 215, 230</span>
</div>
<div class="token-meta-item">Exchanged CFs (Party): <span class="token-cfs">185, 200, 215</span>
</div>
<div class="token-meta-item">Type in Area: Solo + Party</div>
</div>
</div>

<div class="token-card">
<div class="token-card-header">
<div class="token-title">Snow</div>
</div>
<div class="token-meta">
<div class="token-meta-item">Location: Snow Hill Mine - Precious Jewel</div>
<div class="token-meta-item">Exchanged CFs (Solo): N/A</div>
<div class="token-meta-item">Exchanged CFs (Party): <span class="token-cfs">230, 245, 260</span>
</div>
<div class="token-meta-item">Type in Area: Party</div>
</div>
</div>

<div class="token-card">
<div class="token-card-header">
<div class="token-title">Techichi</div>
</div>
<div class="token-meta">
<div class="token-meta-item">Location: Techichi Volcano - Golden Ash</div>
<div class="token-meta-item">Exchanged CFs (Solo): <span class="token-cfs">245, 260, 275</span>
</div>
<div class="token-meta-item">Exchanged CFs (Party): <span class="token-cfs">275, 290, 305</span>
</div>
<div class="token-meta-item">Type in Area: Solo + Party</div>
</div>
</div>

<div class="token-card">
<div class="token-card-header">
<div class="token-title">Tapasco</div>
</div>
<div class="token-meta">
<div class="token-meta-item">Location: Tapasco Mine - Silent Lava</div>
<div class="token-meta-item">Exchanged CFs (Solo): <span class="token-cfs">290, 305, 320</span>
</div>
<div class="token-meta-item">Exchanged CFs (Party): <span class="token-cfs">320, 335, 350</span>
</div>
<div class="token-meta-item">Type in Area: Solo + Party</div>
</div>
</div>

<div class="token-card">
<div class="token-card-header">
<div class="token-title">Abyss</div>
</div>
<div class="token-meta">
<div class="token-meta-item">Location: Gate of Abyss</div>
<div class="token-meta-item">Exchanged CFs (Solo): <span class="token-cfs">335, 350, 395</span>
</div>
<div class="token-meta-item">Exchanged CFs (Party): N/A</div>
<div class="token-meta-item">Type in Area: Solo</div>
</div>
</div>
</div>
<div class="info-box">
<h3>Echange Availability</h3>
<div class="tip-box">All areas can exchange all tokens. Exchange also available via <a href="https://mewsie.world/CoraTOWiki/index.php/Hologramsie" target="_blank">Hologramsie</a> under "More Options".</div>
</div>
</div>
</section>
</div>
</div>

</body>

</html>

MediaWiki:Vector.css

2026-01-02T16:12:08Z

Noorisei:

MediaWiki:Common.css

2026-01-02T16:11:55Z

Noorisei: Blanked the page

MediaWiki:Vector.css

2026-01-02T13:22:27Z

Noorisei:

figcaption {

background: var(--bg) !important;
}

MediaWiki:Vector.css

2026-01-02T13:21:03Z

Noorisei:

figcaption {
color: #cfe6ff !important;
background: rgba(39,76,119,.14) !important;
}

MediaWiki:Components.css

2026-01-02T13:18:48Z

Noorisei:

/* ========================================
COMPONENTS CSS - UI COMPONENTS
======================================== */

/* Info Boxes */
.tip-box {
background-color: var(--positive-bg);
border-left: 4px solid var(--positive);
padding: 15px;
margin: 20px 0;
border-radius: 4px;
box-shadow: 0 2px 5px var(--shadow-soft);
}

.tip-box::before {
content: "💡 Tip";
display: block;
font-weight: bold;
margin-bottom: 10px;
color: var(--positive);
}

.warning-box {
background-color: var(--negative-bg);
border-left: 4px solid var(--negative);
padding: 15px;
margin: 20px 0;
border-radius: 4px;
box-shadow: 0 2px 5px var(--shadow-soft);
}

.warning-box::before {
content: "⚠️ Warning";
display: block;
font-weight: bold;
margin-bottom: 10px;
color: var(--negative);
}

/* Alert Boxes */
.alert-info {
background: var(--bg-1);
border: 1px solid var(--border);
border-left: 4px solid var(--primary);
color: var(--text);
padding: 15px 20px;
border-radius: 8px;
margin: 15px 0;
}

.alert-warning {
background: var(--negative-bg);
border: 1px solid var(--border);
border-left: 4px solid var(--negative);
color: var(--text);
padding: 15px 20px;
border-radius: 8px;
margin: 15px 0;
}

.alert-error {
background: var(--negative-bg);
border: 1px solid var(--border);
border-left: 4px solid var(--danger);
color: var(--text);
padding: 15px 20px;
border-radius: 8px;
margin: 15px 0;
}

.alert-success {
background: var(--positive-bg);
border: 1px solid var(--border);
border-left: 4px solid var(--positive);
color: var(--text);
padding: 15px 20px;
border-radius: 8px;
margin: 15px 0;
}

/* Cards */
.card {
background: var(--bg-1);
border: 1px solid var(--border);
border-left: 3px solid transparent;
border-radius: 14px;
overflow: hidden;
transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease, border-color .2s ease, padding .2s ease;
padding: 0;
}

.card:hover {
transform: translateY(-3px);
box-shadow: 0 6px 24px var(--shadow-soft);
background: var(--surface);
border-left-color: var(--primary);
padding-left: 4px;
}

.card-media {
text-align: center;
padding-top: 6px;
}

.card-body {
padding: 10px 12px;
}

.card-title {
margin: 0;
font-size: 16px;
color: var(--text);
text-align: center;
}

/* Step List */
.step-list {
counter-reset: step-counter;
list-style-type: none;
padding-left: 0;
margin: 25px 0;
}

.step-item {
position: relative;
padding-left: 50px;
margin-bottom: 25px;
counter-increment: step-counter;
}

.step-item::before {
content: counter(step-counter);
position: absolute;
left: 0;
top: 0;
width: 35px;
height: 35px;
background: linear-gradient(135deg, var(--heading-gradient-start), var(--heading-gradient-end));
color: var(--text-strong);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
box-shadow: 0 2px 5px var(--shadow-soft);
}

/* Quick Stats Grid */
.quick-stats {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 15px;
margin: 25px 0;
}

.stat-card {
background: var(--bg-1);
border-radius: 10px;
padding: 20px;
text-align: center;
box-shadow: 0 4px 6px var(--shadow-soft);
border: 1px solid var(--border);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.stat-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px var(--shadow-medium);
}

.stat-card h3 {
margin: 0 0 10px 0;
font-size: 1.2rem;
color: var(--primary);
}

.stat-card p {
font-size: 2rem;
font-weight: bold;
margin: 0;
color: var(--heading);
}

/* Eclipse Components */
.eclipse-card {
background: var(--bg-1);
border: 1px solid var(--border);
border-radius: 20px;
padding: 30px;
margin: 25px 0;
box-shadow: 0 4px 20px var(--shadow-soft);
transition: all 0.3s ease;
position: relative;
}

.eclipse-header {
display: flex;
align-items: center;
margin-bottom: 20px;
padding-bottom: 15px;
border-bottom: 2px solid var(--border);
}

.eclipse-icon {
width: 50px;
height: 50px;
background: linear-gradient(135deg, var(--heading-gradient-start), var(--heading-gradient-end));
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 15px;
font-size: 24px;
color: var(--text-strong);
}

.eclipse-title {
font-size: 22px;
font-weight: 700;
color: var(--heading);
margin: 0;
}

.eclipse-content {
color: var(--text-muted);
line-height: 1.6;
}

.eclipse-meta {
margin-top: 15px;
font-size: 14px;
color: var(--text-muted);
}

/* Eclipse Modern Container */
.eclipse-modern-container {
max-width: 1000px;
margin: 0 auto;
padding: 20px;
background: linear-gradient(135deg, var(--bg-1) 0%, var(--surface) 100%);
border-radius: 20px;
box-shadow: 0 8px 32px var(--shadow-soft);
}

/* Modern Stats Grid */
.eclipse-stats-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 20px;
margin: 30px 0;
}

.eclipse-stat-card {
background: var(--surface);
border: 1px solid var(--shadow-soft);
border-radius: 16px;
padding: 25px 20px;
text-align: center;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
position: relative;
overflow: hidden;
}

.eclipse-stat-card::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, var(--surface-tint), transparent);
transition: left 0.6s ease;
}

.eclipse-stat-card:hover::before {
left: 100%;
}

.eclipse-stat-card:hover {
transform: translateY(-8px) scale(1.02);
box-shadow: 0 12px 40px var(--shadow-medium);
border-color: var(--primary);
}

.eclipse-stat-icon {
font-size: 2.5rem;
margin-bottom: 15px;
display: block;
}

.eclipse-stat-title {
font-size: 14px;
font-weight: 600;
color: var(--text-muted);
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 8px;
}

.eclipse-stat-value {
font-size: 24px;
font-weight: 800;
background: linear-gradient(135deg, var(--heading-gradient-start), var(--heading-gradient-end));
background-clip: text;
}

/* Modern Content Cards */
.eclipse-content-card {
background: var(--surface);
border: 1px solid var(--surface-tint);
border-radius: 20px;
padding: 30px;
margin: 25px 0;
box-shadow: 0 4px 20px var(--shadow-soft);
transition: all 0.3s ease;
position: relative;
}

.eclipse-content-card:hover {
transform: translateY(-2px);
box-shadow: 0 8px 30px var(--shadow-medium);
border-color: var(--primary);
}

.eclipse-card-header {
display: flex;
align-items: center;
margin-bottom: 20px;
padding-bottom: 15px;
border-bottom: 2px solid var(--surface-tint);
}

.eclipse-card-icon {
width: 50px;
height: 50px;
background: linear-gradient(135deg, var(--heading-gradient-start), var(--heading-gradient-end));
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 15px;
font-size: 24px;
color: var(--text-strong);
}

.eclipse-card-title {
font-size: 22px;
font-weight: 700;
color: var(--text);
margin: 0;
}

/* Modern Step List */
.eclipse-step-container {
position: relative;
padding-left: 0;
}

.eclipse-step {
display: flex;
align-items: flex-start;
margin-bottom: 30px;
position: relative;
}

.eclipse-step-number {
width: 50px;
height: 50px;
background: linear-gradient(135deg, var(--heading-gradient-start), var(--heading-gradient-end));
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: var(--text-strong);
font-weight: 800;
font-size: 18px;
margin-right: 20px;
flex-shrink: 0;
box-shadow: 0 4px 15px var(--shadow-strong);
position: relative;
z-index: 2;
}

.eclipse-step-content {
flex: 1;
padding-top: 5px;
}

.eclipse-step-title {
font-size: 20px;
font-weight: 700;
color: var(--text);
margin-bottom: 10px;
}

.eclipse-step-description {
color: var(--text-muted);
line-height: 1.6;
margin-bottom: 8px;
}

.eclipse-step-description:last-child {
margin-bottom: 0;
}

/* Connection Line Between Steps */
.eclipse-step:not(:last-child)::after {
content: '';
position: absolute;
left: 24px;
top: 50px;
width: 2px;
height: calc(100% - 20px);
background: linear-gradient(180deg, var(--primary), var(--shadow-strong));
z-index: 1;
}

/* Modern Item Cards Grid */
.eclipse-items-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 20px;
margin: 25px 0;
}

.eclipse-item-card {
background: var(--surface);
border: 1px solid var(--shadow-soft);
border-radius: 16px;
padding: 25px;
transition: all 0.3s ease;
position: relative;
overflow: hidden;
}

.eclipse-item-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, var(--primary), var(--heading-gradient-end));
transform: scaleX(0);
transition: transform 0.3s ease;
}

.eclipse-item-card:hover::before {
transform: scaleX(1);
}

.eclipse-item-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 30px var(--shadow-medium);
border-color: var(--primary);
}

.eclipse-item-title {
font-size: 18px;
font-weight: 700;
color: var(--text);
margin-bottom: 12px;
}

.eclipse-item-description {
color: var(--text-muted);
line-height: 1.5;
}

/* Modern Warning Box */
.eclipse-warning {
background: linear-gradient(135deg, var(--bg-1), var(--bg-2));
border: 1px solid var(--border-strong);
border-left: 5px solid var(--border-strong);
border-radius: 16px;
padding: 25px;
margin: 25px 0;
position: relative;
}

.eclipse-warning-header {
display: flex;
align-items: center;
margin-bottom: 15px;
}

.eclipse-warning-icon {
font-size: 24px;
margin-right: 12px;
color: var(--border-strong);
}

.eclipse-warning-title {
font-size: 20px;
font-weight: 700;
color: var(--border-strong);
margin: 0;
}

.eclipse-warning-list {
list-style: none;
padding: 0;
margin: 0;
}

.eclipse-warning-list li {
padding: 8px 0;
padding-left: 30px;
position: relative;
color: var(--text);
line-height: 1.5;
}

.eclipse-warning-list li::before {
content: '⚠️';
position: absolute;
left: 0;
top: 8px;
font-size: 16px;
}

/* Image Container - Removed to avoid conflict with Img.css */

/* Quest Components */
.quest-info-card {
background: linear-gradient(135deg, var(--bg-1), var(--bg-2));
color: var(--text);
border-radius: 12px;
padding: 2rem;
margin-bottom: 2rem;
box-shadow: 0 4px 20px var(--shadow-strong);
}

.quest-location-image {
height: 100px;
width: auto;
vertical-align: middle;
margin-right: 12px;
border-radius: 6px;
box-shadow: 0 3px 6px var(--shadow-soft);
transition: transform 0.2s ease;
}

.quest-location-image:hover {
transform: scale(1.1);
}

.quest-card-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 1.5rem;
}

.quest-card-header h3 {
margin: 0;
font-size: 1.5rem;
font-weight: 700;
color: var(--heading);
}

.quest-number-badge {
background: var(--surface-tint);
padding: 0.5rem 1rem;
border-radius: 20px;
font-weight: 700;
font-size: 1.1rem;
color: var(--text-strong);
}

.quest-details-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 1rem;
}

.quest-detail-item {
display: flex;
flex-direction: column;
gap: 0.25rem;
}

.quest-detail-label {
font-weight: 600;
opacity: 0.8;
font-size: 0.9rem;
color: var(--text);
}

.quest-detail-value {
font-weight: 700;
font-size: 1.1rem;
color: var(--text-strong);
}

.quest-requirements-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 1rem;
}

.quest-requirement-item {
display: flex;
flex-direction: column;
gap: 0.25rem;
}

.quest-requirement-label {
font-weight: 600;
opacity: 0.8;
font-size: 0.9rem;
color: var(--text);
}

.quest-requirement-value {
font-weight: 700;
font-size: 1.1rem;
color: var(--text-strong);
}

/* Quest Tracker Components */
.quest-tracker-overview {
background: linear-gradient(135deg, var(--bg-1), var(--bg-2));
border: 2px solid var(--primary);
border-radius: 16px;
padding: 2rem;
margin-bottom: 2rem;
box-shadow: 0 6px 25px var(--shadow-soft);
}

.quest-tracker-locations {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1.5rem;
}

.quest-list {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0.75rem;
}

.quest-item {
background: var(--bg-1);
border-radius: 8px;
padding: 1rem;
transition: all 0.3s ease;
border-left: 4px solid transparent;
width: 100%;
box-sizing: border-box;
}

.quest-item:hover {
background: var(--surface);
border-left-color: var(--primary);
}

.quest-checkbox-label {
display: flex;
align-items: center;
cursor: pointer;
font-weight: 500;
color: var(--text);
gap: 0.75rem;
position: relative;
}

.quest-checkbox {
position: absolute;
opacity: 0;
cursor: pointer;
}

.checkmark {
width: 20px;
height: 20px;
background: var(--surface);
border: 2px solid var(--border);
border-radius: 4px;
position: relative;
transition: all 0.3s ease;
flex-shrink: 0;
}

.quest-checkbox:checked + .checkmark {
background: linear-gradient(135deg, var(--primary), var(--heading-gradient-end));
border-color: var(--primary);
}

.quest-checkbox:checked + .checkmark::after {
content: '✓';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: var(--text-strong);
font-weight: bold;
font-size: 12px;
}

.quest-checkbox:hover + .checkmark {
border-color: var(--primary);
box-shadow: 0 0 0 3px var(--shadow-soft);
}

.quest-name {
flex: 1;
transition: all 0.3s ease;
color: var(--text);
}

.quest-checkbox:checked ~ .quest-name {
color: var(--text-muted);
text-decoration: line-through;
opacity: 0.7;
}

/* Monster Components */
.monster-info-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
gap: 2rem;
margin-bottom: 2rem;
}

.monster-info-card {
background: var(--surface);
border-radius: 12px;
padding: 1.5rem;
box-shadow: 0 4px 20px var(--shadow-soft);
border: 1px solid var(--border);
transition: all 0.3s ease;
position: relative;
overflow: hidden;
}

.monster-info-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(135deg, var(--primary), var(--primary-hover));
}

.monster-info-card:hover {
transform: translateY(-4px);
box-shadow: 0 8px 30px var(--shadow-medium);
}

.monster-card-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 1rem;
}

.monster-card-header h4 {
margin: 0;
font-size: 1.3rem;
font-weight: 700;
color: var(--text-strong);
}

.monster-level-badge {
background: linear-gradient(135deg, var(--primary), var(--primary-hover));
color: var(--bg-1);
padding: 0.25rem 0.75rem;
border-radius: 15px;
font-weight: 600;
font-size: 0.9rem;
}

.monster-stats-details {
display: flex;
flex-direction: column;
gap: 1rem;
}

.monster-stat-info {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0.5rem 0;
border-bottom: 1px solid var(--border);
}

.monster-stat-info:last-child {
border-bottom: none;
}

.monster-stat-label {
font-weight: 600;
color: var(--text-muted);
font-size: 0.9rem;
}

.monster-stat-value {
font-weight: 700;
color: var(--text-strong);
text-align: right;
}

.monster-rewards-section {
background: var(--bg-2);
border-radius: 8px;
padding: 1rem;
margin-top: 1rem;
}

.monster-reward-item {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0.25rem 0;
}

.monster-reward-label {
font-weight: 600;
color: var(--text);
font-size: 0.9rem;
}

.monster-reward-value {
font-weight: 700;
color: var(--positive);
text-align: right;
}

/* Shaman Guide Components */
.shaman-guide-feature-card {
background: linear-gradient(135deg, var(--bg-1), var(--bg-2));
border-radius: 12px;
padding: 2rem;
margin-bottom: 2rem;
box-shadow: 0 4px 20px var(--shadow-soft);
border: 1px solid var(--border);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.shaman-guide-feature-card:hover {
transform: translateY(-2px);
box-shadow: 0 8px 30px var(--shadow-medium);
}

.shaman-guide-feature-card h3 {
font-size: 1.5rem;
font-weight: 700;
color: var(--text-strong);
margin: 0 0 1.5rem 0;
display: flex;
align-items: center;
gap: 0.5rem;
}

.shaman-guide-feature-card h3::before {
content: '✨';
font-size: 1.2rem;
}

/* NPC Components */
.npc-info-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
width: 100%;
max-width: 1200px;
margin: 0 auto;
}

.npc-title-section {
flex: 1;
text-align: center;
}

/* Progress Components */
.progress-stats {
display: flex;
justify-content: space-around;
margin-bottom: 1.5rem;
gap: 1rem;
}

.stat-item {
text-align: center;
flex: 1;
}

.stat-label {
display: block;
font-weight: 600;
color: var(--text-muted);
font-size: 0.9rem;
margin-bottom: 0.5rem;
}

.stat-value {
display: block;
font-weight: 700;
font-size: 1.5rem;
color: var(--primary-hover);
}

.progress-bar-container {
margin-bottom: 1.5rem;
}

.progress-bar {
width: 100%;
height: 12px;
background: var(--border);
border-radius: 6px;
overflow: hidden;
box-shadow: inset 0 2px 4px var(--shadow-soft);
}

.progress-fill {
height: 100%;
background: linear-gradient(90deg, var(--primary), var(--primary-hover));
border-radius: 6px;
transition: width 0.5s ease;
position: relative;
}

.progress-fill::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
animation: shimmer 2s infinite;
}

/* Tracker Components */
.tracker-actions {
text-align: center;
}

.reset-progress-btn {
background: linear-gradient(135deg, var(--danger), var(--danger-hover));
color: white;
border: none;
padding: 0.75rem 1.5rem;
border-radius: 8px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
box-shadow: 0 2px 10px var(--shadow-soft);
}

.reset-progress-btn:hover {
background: linear-gradient(135deg, var(--danger-hover), var(--danger));
transform: translateY(-2px);
box-shadow: 0 4px 15px var(--shadow-medium);
}

.location-section {
background: var(--surface);
border: 1px solid var(--border);
border-radius: 12px;
padding: 1.5rem;
box-shadow: 0 2px 15px var(--shadow-soft);
transition: all 0.3s ease;
width: 100%;
box-sizing: border-box;
}

.location-section:hover {
transform: translateY(-2px);
box-shadow: 0 4px 20px var(--shadow-medium);
}

.location-title {
color: var(--primary-hover);
font-size: 1.3rem;
font-weight: 700;
margin-bottom: 1rem;
padding-bottom: 0.5rem;
border-bottom: 2px solid var(--primary);
position: relative;
}

.location-title::after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 50px;
height: 2px;
background: linear-gradient(90deg, var(--primary), var(--primary-hover));
}

/* Section Headers */
.section-header {
text-align: center;
margin-bottom: 18px;
}

.section-header h2 {
margin: 0;
font-size: 24px;
color: var(--text-strong);
display: inline-block;
padding-bottom: 6px;
}

.section-lead {
margin-top: 6px;
color: var(--text-muted);
font-size: 14px;
}

/* Guardian Components */
.guardian-selector {
background: var(--surface);
border-radius: 15px;
padding: 25px;
margin-bottom: 30px;
box-shadow: 0 5px 20px var(--shadow-soft);
}

.selector-header {
text-align: center;
margin-bottom: 20px;
}

.difficulty-slider-container {
margin: 30px 0;
position: relative;
}

.difficulty-labels {
display: flex;
justify-content: space-between;
margin-bottom: 10px;
}

.difficulty-labels span {
font-size: 0.9em;
color: var(--text-muted);
position: relative;
}

.difficulty-slider {
width: 100%;
height: 10px;
border-radius: 5px;
background: linear-gradient(to right, #4CAF50, #FFC107, #FF9800, #F44336, #9C27B0);
outline: none;
appearance: none;
}

.difficulty-slider::-moz-range-thumb {
width: 25px;
height: 25px;
border-radius: 50%;
background: var(--primary);
cursor: pointer;
box-shadow: 0 0 10px var(--shadow-strong);
}

.guardian-preview-image {
margin: 20px auto;
max-width: 600px;
}

/* Comparison Table Styling */
.guardian-comparison-table-container {
margin: 40px 0;
}

.comparison-title {
text-align: center;
margin-bottom: 20px;
font-size: 1.8em;
color: var(--primary);
}

.guardian-comparison-table table {
width: 100%;
border-collapse: collapse;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 5px 20px var(--shadow-soft);
}

.guardian-comparison-table th {
background: linear-gradient(135deg, var(--heading-gradient-start), var(--heading));
color: white;
padding: 15px;
text-align: left;
}

.guardian-comparison-table td {
padding: 15px;
border-bottom: 1px solid var(--border);
}

.guardian-comparison-table tr:last-child td {
border-bottom: none;
}

.guardian-comparison-table tr:nth-child(even) {
background-color: var(--bg-1);
}

.guardian-comparison-table tr:nth-child(odd) {
background-color: var(--bg-2);
}

.difficulty-meter {
height: 10px;
background-color: var(--border);
border-radius: 5px;
margin-bottom: 5px;
overflow: hidden;
}

.difficulty-fill {
height: 100%;
border-radius: 5px;
}

.regular-row .difficulty-fill {
background-color: #4CAF50;
}

.mighty-row .difficulty-fill {
background-color: #FFC107;
}

.legendary-row .difficulty-fill {
background-color: #FF9800;
}

.superior-row .difficulty-fill {
background-color: #F44336;
}

.accomplished-row .difficulty-fill {
background-color: #9C27B0;
}

/* Accordion Styling */
.guardian-types-accordion {
margin: 40px 0;
}

.detailed-info-title {
text-align: center;
margin-bottom: 10px;
font-size: 1.8em;
color: var(--primary);
}

.detailed-info-subtitle {
text-align: center;
margin-bottom: 30px;
color: var(--text-muted);
}

.guardian-accordion {
background-color: var(--bg-2);
color: var(--text);
cursor: pointer;
padding: 18px;
width: 100%;
text-align: left;
border: none;
outline: none;
transition: 0.4s;
border-radius: 10px;
margin-bottom: 10px;
font-size: 1.2em;
font-weight: 600;
display: flex;
justify-content: space-between;
align-items: center;
box-shadow: 0 2px 10px var(--shadow-soft);
}

.guardian-accordion:hover {
background-color: var(--surface);
}

.guardian-accordion.active {
border-radius: 10px 10px 0 0;
margin-bottom: 0;
}

.guardian-panel {
padding: 0 18px;
background-color: var(--surface);
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
border-radius: 0 0 10px 10px;
margin-bottom: 10px;
box-shadow: 0 2px 10px var(--shadow-soft);
}

.guardian-type-detail {
padding: 20px 0;
}

/* Color coding for accordion buttons */
.regular-accordion {
border-left: 5px solid #4CAF50;
}

.mighty-accordion {
border-left: 5px solid #FFC107;
}

.legendary-accordion {
border-left: 5px solid #FF9800;
}

.superior-accordion {
border-left: 5px solid #F44336;
}

.accomplished-accordion {
border-left: 5px solid #9C27B0;
}

/* Difficulty tags */
.difficulty-tag {
font-size: 0.7em;
padding: 5px 10px;
border-radius: 20px;
color: white;
}

.easy-tag {
background-color: #4CAF50;
}

.moderate-tag {
background-color: #FFC107;
color: #333;
}

.challenging-tag {
background-color: #FF9800;
}

.very-hard-tag {
background-color: #F44336;
}

.extreme-tag {
background-color: #9C27B0;
}

/* Decision Helper Styling */
.decision-helper {
background: var(--surface);
border-radius: 15px;
padding: 25px;
margin: 40px 0;
box-shadow: 0 5px 20px var(--shadow-soft);
text-align: center;
}

.decision-questions {
margin: 30px 0;
}

.decision-question {
margin-bottom: 20px;
}

.decision-options {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
margin-top: 10px;
}

.option {
padding: 10px 15px;
background-color: var(--bg-2);
border-radius: 20px;
cursor: pointer;
transition: all 0.3s ease;
}

.option:hover {
background-color: var(--border);
}

.option.selected {
background-color: var(--primary);
color: white;
}

.decision-result {
margin-top: 30px;
padding: 15px;
font-size: 1.1em;
font-weight: bold;
}

.guardian-accordion.recommended {
background-color: var(--bg-1);
border-left: 5px solid var(--heading-gradient-end);
animation: pulse 2s infinite;
}

#recommendedType {
color: var(--primary);
font-weight: 700;
}

/* Changelog Components */
.changelog-box {
background: linear-gradient(135deg, var(--bg-1) 0%, var(--surface) 50%, var(--bg-2) 100%) !important;
padding: 25px 30px !important;
border-radius: 16px !important;
border: 1px solid var(--shadow-soft) !important;
border-left: 5px solid var(--primary) !important;
box-shadow: 0 4px 20px var(--shadow-soft), 0 2px 8px var(--shadow-soft) !important;
margin: 25px 0 !important;
transition: all 0.3s ease !important;
font-size: 1.05em !important;
line-height: 1.6 !important;
color: var(--text-strong) !important;
position: relative !important;
}

.changelog-box:hover {
transform: translateY(-2px) !important;
box-shadow: 0 6px 25px var(--shadow-medium), 0 3px 10px var(--shadow-medium) !important;
}

.changelog-with-image {
display: flex !important;
align-items: center !important;
gap: 25px !important;
margin: 25px 0 !important;
}

.changelog-with-image .changelog-box {
flex: 1 !important;
margin: 0 !important;
}

.changelog-image {
flex-shrink: 0;
max-width: 200px;
}

.changelog-image img {
width: 100%;
height: auto;
border-radius: 8px;
box-shadow: 0 2px 10px var(--shadow-soft);
}

/* Collapsible Elements */
.mw-body .collapsible,
#content .collapsible,
#mw-content-text .collapsible,
button.collapsible {
background-color: var(--bg-2);
color: var(--text);
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
transition: 0.4s;
border-radius: 4px;
margin-bottom: 5px;
position: relative;
}

.mw-body .collapsible:hover,
#content .collapsible:hover,
#mw-content-text .collapsible:hover,
button.collapsible:hover {
background-color: var(--border);
}

.mw-body .collapsible::after,
#content .collapsible::after,
#mw-content-text .collapsible::after,
button.collapsible::after {
content: '+';
font-size: 18px;
font-weight: bold;
float: right;
margin-left: 5px;
}

.mw-body .collapsible.active::after,
#content .collapsible.active::after,
#mw-content-text .collapsible.active::after,
button.collapsible.active::after {
content: '-';
}

.mw-body .collapsible-content,
#content .collapsible-content,
#mw-content-text .collapsible-content,
button.collapsible + .collapsible-content {
padding: 0 18px;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
background-color: var(--surface);
border-radius: 0 0 4px 4px;
}

.mw-body .collapsible-content.active,
#content .collapsible-content.active,
#mw-content-text .collapsible-content.active,
button.collapsible + .collapsible-content.active {
max-height: 500px;
padding: 18px;
border: 1px solid var(--border);
border-top: none;
margin-bottom: 15px;
}

Template:MainPage

2026-01-02T13:04:13Z

Noorisei:

<usestyle src="MainPage.css" />
<usestyle src="Tabs.css" />
<usestyle src="Tables.css" />
<usestyle src="Img.css" />

<usestyle src="ChangelogBox.css" />

<usescript src="ShowFirstTabs.js"/>

<html>
<html lang="en" id="top">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>CoraTO Wiki</title>

</head>
<body>


<header class="hero">
<div class="hero-inner">
<a href="https://discord.gg/zxK3Q3Gh34" target="_blank" style = "position: fixed; right: 0 ; top: 30;">
<img src="https://mewsie.world/CoraTOWiki/images/thumb/0/04/DiscordCoraTO.png/211px-DiscordCoraTO.png" width="120" alt="Discord CoraTO" alt="Enter Discord">
</a>
<div class="hero-logo"><img class="image-container" src="https://mewsie.world/CoraTOWiki/images/b/bf/Littlecora.png" alt="CoraTO Wiki"></div>
<h1 class="hero-title">Welcome to the [[Official_CoraTO_Wiki|Official CoraTO Wiki]]</h1>
<div class="status-pill">WIKI UNDER CONSTRUCTION</div>
</div>
</header>


<section class="highlights-section">
<div class="section-header">
<h2>Highlights</h2>
<p class="section-lead">Latest updates and featured content</p>
</div>

<div class="highlights-grid">
<article class="card highlight" data-link="New Update Available">
<div class="card-media"><img class="image-container" src="" alt="New Update Available"></div>
<div class="card-body">
<h3 class="card-title">New Update Available</h3>
</div>
</article>
<article class="card highlight" data-link="Class Balance Changes">
<div class="card-media"><img class="image-container" src="" alt="Class Balance Changes"></div>
<div class="card-body">
<h3 class="card-title">Class Balance Changes</h3>
</div>
</article>
<article class="card highlight" data-link="Daily Quests">
<div class="card-media"><img class="image-container" src="" alt="Daily Quests"></div>
<div class="card-body">
<h3 class="card-title">Daily Quests</h3>
</div>
</article>
<article class="card highlight" data-link="Quick n Dirty Tips For All New Players">
<div class="card-media">
<img class="image-container" src= "https://mewsie.world/CoraTOWiki/images/0/03/BeginnerICO.jpg" alt="Beginner's Guide"></div>
<div class="card-body">

<h3 class="card-title">Beginner's Guide</h3>
</div>
</article>
<article class="card highlight" data-link="Special Events">
<div class="card-media"><img class="image-container" src="https://mewsie.world/CoraTOWiki/images/8/8e/SpecialEventICO.jpg" alt="Special Events"></div>
<div class="card-body">
<h3 class="card-title">Special Events</h3>
</div>
</article>
<article class="card highlight" data-link="Community">
<div class="card-media"><img class="image-container" src="" alt="Community Highlights"></div>
<div class="card-body">
<h3 class="card-title">Community Highlights</h3>
</div>
</article>
</div>
</section>


<nav class="nav-tabs" role="tablist" aria-label="Main sections">
<button class="nav-tab active" role="tab" aria-selected="true" aria-controls="tab-overview" data-tab="tab-overview" tabindex="0"><span class="full-text">Overview</span><span class="short-text">Overview</span></button>
<button class="nav-tab" role="tab" aria-selected="false" aria-controls="tab-guides" data-tab="tab-guides" tabindex="-1"><span class="full-text">Guides</span><span class="short-text">Guides</span></button>
<button class="nav-tab" role="tab" aria-selected="false" aria-controls="tab-systems" data-tab="tab-systems" tabindex="-1"><span class="full-text">Trickster Systems</span><span class="short-text">Systems</span></button>
<button class="nav-tab" role="tab" aria-selected="false" aria-controls="tab-extras" data-tab="tab-extras" tabindex="-1"><span class="full-text">Extras</span><span class="short-text">Extras</span></button>
<button class="nav-tab" role="tab" aria-selected="false" aria-controls="tab-corato" data-tab="tab-corato" tabindex="-1"><span class="full-text">CoraTO Contents</span><span class="short-text">CoraTO</span></button>
</nav>


<main class="content">

<section id="tab-overview" class="tab-content active" role="tabpanel" aria-labelledby="tab-overview-label">
<div class="section-header">
<h2>Overview</h2>
<p class="section-lead">Welcome to the CoraTO Wiki - your guide to the game</p>
</div>

<div class="info-grid">
<div class="info-card">
<h3>Getting Started</h3>
<p>New to CoraTO? Explore quick tips, beginner-friendly guides, and community resources to start strong.</p>
</div>
<div class="info-card">
<h3>Popular Topics</h3>
<ul class="inline-list">
<li>[[How to Grind Galder]]</li>
<li>[[Refining]]</li>
<li>[[Chaos Tower (CT)]]</li>
<li>[[Bossing]]</li>
</ul>
</div>
<div class="info-card">
<h3>Community</h3>
<p>Join discussions, contribute guides, and collaborate with others to improve this wiki.</p>
</div>
</div>

</section>


<section id="tab-guides" class="tab-content" role="tabpanel" aria-labelledby="tab-guides-label" aria-hidden="true">
<div class="section-header">
<h2>Guides</h2>
<p class="section-lead">Curated collections to help you progress efficiently</p>
</div>
<div class="wikitable-like">
<div class="column">
<ul>
<li>[[Quick n Dirty Tips For All New Players|Quick and Dirty Tips for All New Players]]</li>
<li>[[How to Grind Galder]]</li>
<li>[[How to Compare Gear per Patch|How to Gear/Compare Gear per Patch]]</li>
</ul>
</div>
<div class="column">
<ul>
<li>[[Mew's Sheep Guide]]</li>
<li>[[Mew's Guardian Guide]]</li>
<li>[[Mew's General Newbie Guide|Mew's General Newbie Guide (WIP)]]</li>
</ul>
</div>
<div class="column">
<ul>
<li>[[FastlaneTM Resources|FastLane™ Resources]]</li>
<li>[[:Category:Guides|All Guides]]</li>
<li>[[Endgame PvE Tips to Keep Going|Post-end Game PvE Tips to Keep Playing]]!</li>
</ul>
</div>
</div>

</section>


<section id="tab-systems" class="tab-content" role="tabpanel" aria-labelledby="tab-systems-label" aria-hidden="true">
<div class="section-header">
<h2>Trickster Systems</h2>
<p class="section-lead">Core mechanics, activities, and progression systems</p>
</div>
<div class="wikitable-like">
<div class="column">
<ul>
<li>[[Controls and Secret Controls|Controls & Commands]]</li>
<li>[[Daily Coupons]]</li>
<li>[[Drilling]]</li>
<li>[[Important NPCs and Their Functions|NPCs and Their Functions]]</li>
<li>[[Chaos Tower (CT)]]</li>
<li>[[Refining]]</li>
<li>[[Tempering - Coming soon]]</li>
<li>[[MyShop]]</li>
</ul>
</div>
<div class="column">
<ul>
<li>[[MyCamp]]</li>
<li>[[Fiesta]]</li>
<li>[[Pets]]</li>
<li>Recycling - Coming soon</li>
<li>Treasure Maps & Black Market - Coming soon</li>
<li>[[1:1 Trading System]]</li>
<li><a href="https://mewsie.world/CoraTOWiki/index.php/Parties_%26_EXP_Share" title="Parties & XP Share" target="_blank">Parties & XP Share</a></li>
<li>[[Guilds]]</li>
</ul>
</div>
<div class="column">
<ul>
<li>Marriage - Coming soon</li>
<li>[[Quests & QuestLog|Quests + Questlog]]</li>
<li><a href="https://mewsie.world/CoraTOWiki/index.php/Fortune" title="Fortune" target="_blank">Fortune</a></li>
<li><a href="https://mewsie.world/CoraTOWiki/index.php/Compounding" title="Compounding" target="_blank">Compounding</a></li>
<li><a href="https://mewsie.world/CoraTOWiki/index.php/Mature_Compounding" title="Mature Compounding" target="_blank">Mature Compounding</a></li>
<li>Exchanging - Coming soon</li>
<li>[[Guardian Guide (TLDR)|Guardian TLDR]] + [[Mew's Guardian Guide]]</li>
<li><a href="https://mewsie.world/CoraTOWiki/index.php/Harkon_Defense_TLDR" title="Harkon_Defense_TLDR" target="_blank">Harkon_Defense_TLDR</a></li>
<li>[[Bossing]]</li>
</ul>
</div>
</div>

</section>


<section id="tab-extras" class="tab-content" role="tabpanel" aria-labelledby="tab-extras-label" aria-hidden="true">
<div class="section-header">
<h2>Extras</h2>
<p class="section-lead">Wiki-specific navigation and content collections</p>
</div>
<div class="wikitable-like">
<div class="column">
<ul>
<li>[[FAQ]]</li>
<li>[[Vocabulary]]</li>
<li>[[QuickList of Wiki Links & References]]</li>
</ul>
</div>
<div class="column">
<ul>
<li>[[:Category:Categories|Wiki-Specific Navigation]]</li>
<li>[[MyShop Boxes (Permanent)]]</li>
<li>[[:Category:MyShop Boxes|List of MyShop Boxes (Temporary)]]</li>
</ul>
</div>
<div class="column">
<ul>
<li>[[MyShop WIP|MyShop WIP List]]</li>
<li>[[:Category:EpTO Custom Content|epTO Custom Content]]</li>
<li>[[:Category:CoraTO Custom Content|CoraTO Custom Content]]</li>
</ul>
</div>
</div>

</section>


<section id="tab-corato" class="tab-content" role="tabpanel" aria-labelledby="tab-corato-label" aria-hidden="true">
<div class="section-header">
<h2>CoraTO Contents</h2>
<p class="section-lead">Custom content and features specific to CoraTO server</p>
</div>
<div class="wikitable-like">
<div class="column">
<ul>
<li><b>[[Paula (Summary and Tips)|Paula]]</b></li>
<li><b>[[Major Bugs]]</b></li>
<li><b>[[Quality Of Life Updates|QoL/Skill/Other Changes]]</b></li>
<li><b>[[PyuPyu's_Exchange_(PyuPyu's_Scavenger_Hunt)|PyuPyu's Exchange / Scavenger Hunt]]</b></li>
<li><b>[[Cora Coupons]]</b></li>
<li><b>[[Cora Boxes]]</b></li>
</ul>
</div>
<div class="column">
<ul>
<li><b>[[Cora Eggs]]</b></li>
<li><b>[[PyuPyu Penguins]]</b></li>
<li><b>[[Harkon Defense Custom Exchanges|Harkon Shard Compound Exchange]]</b></li>
<li><b>[[Website Features]]</b></li>
<li><b>[[Fading Tower|Torres Tower]]</b></li>
<li><b>[[Chaos Tokens]]</b></li>
</ul>
</div>
<div class="column">
<ul>
<li><b>Anticipated Path of Progression - Coming soon</b></li>
<li><b>[[:Category:Custom Fuses|Custom Fuses]]</b></li>
<li><b><a href="https://mewsie.world/CoraTOWiki/index.php/Fashion" title="Fashion" target="_blank">Custom Fashion</a></b></li>
<li><b>[[:Category:Custom Exchanges|Custom Exchanges]]</b></li>
<li><b><a href="https://mewsie.world/CoraTOWiki/index.php/Daily_Quests" title="Daily Quest" target="_blank">Daily Quests</a></b></li>
</ul>
</div>
</div>

</section>
</main>


<footer class="mw-categories">

[[Category:Main Pages]]
</footer>
</div>
</body>
</html>

MediaWiki:Common.css

2026-01-02T12:39:28Z

Noorisei:

.hero {
background: var(--bg-1);
border: 2px solid var(--border);
border-radius: 20px;
max-width: 1200px;
margin: 0 auto 16px auto;
box-shadow: 0 6px 24px var(--shadow-soft);

}

.hero-inner {
padding: clamp(18px, 3vw, 36px);
text-align: center;
}

.hero-title {
margin: 8px 0 4px 0;
font-size: clamp(22px, 4vw, 36px);
font-weight: 800;
background: linear-gradient(135deg, var(--heading-gradient-start), var(--heading-gradient-end));

background-clip: text;

}

.hero-subtitle {
color: var(--text-muted);
font-size: clamp(14px, 2.2vw, 18px);
}

.status-pill {
display: inline-block;
margin-top: 10px;
padding: 8px 14px;
border-radius: 999px;
font-weight: 700;
color: var(--text-strong);
background: var(--primary);
animation: fadeInOut 2s ease-in-out infinite;
}

/* ========================================
BackToTopButton.css
Botão "Back to Top" (BtT)
======================================== */

/* ==========================================================================
Base
========================================================================== */
.btt-button {
position: fixed;
bottom: 30px;
right: 30px;
width: 50px;
height: 50px;
border: none;
border-radius: 12px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
z-index: 1000;
opacity: 0;
visibility: hidden;
transform: translateY(20px) scale(0.8);
backdrop-filter: blur(10px);
}

/* ==========================================================================
Estados
========================================================================== */
.btt-button.show {
opacity: 1;
visibility: visible;
transform: translateY(0) scale(1);
}

.btt-button:hover {
transform: translateY(-3px) scale(1.05);
}

.btt-button:active {
transform: translateY(-1px) scale(0.98);
}

/* ==========================================================================
Ícone (seta)
========================================================================== */
.btt-button::before {
content: '';
width: 0;
height: 0;
border-left: 8px solid;
border-right: 8px solid;
border-bottom: 12px solid;
transition: all 0.3s ease;
}

.btt-button:hover::before {
transform: translateY(-2px);
}

/* ==========================================================================
Animação (pulse)
========================================================================== */
@keyframes btt-pulse {
0% { opacity: 1; }
50% { opacity: 1; }
100% { opacity: 1; }
}

.btt-button.pulse {
animation: btt-pulse 2s ease-in-out 3;
}

/* ==========================================================================
Responsividade
========================================================================== */
@media (max-width: 768px) {
.btt-button {
bottom: 20px;
right: 20px;
width: 45px;
height: 45px;
}

.btt-button::before {
border-left-width: 7px;
border-right-width: 7px;
border-bottom-width: 10px;
}
}

@media (max-width: 480px) {
.btt-button {
bottom: 15px;
right: 15px;
width: 40px;
height: 40px;
}

.btt-button::before {
border-left-width: 6px;
border-right-width: 6px;
border-bottom-width: 9px;
}
}

/* ==========================================================================
Acessibilidade
========================================================================== */
@media (prefers-contrast: high) {
.btt-button {
border: 2px solid;
}
}

@media (prefers-reduced-motion: reduce) {
.btt-button {
transition: opacity 0.3s ease;
}

.btt-button:hover {
transform: none;
}

.btt-button::before {
transition: none;
}

.btt-button:hover::before {
transform: none;
}

.btt-button.pulse {
animation: none;
}
}

/* ========================================
ContentContainer.css
Container principal de conteúdo (#content / .mw-body)
======================================== */

body.skin-vector-legacy #content,
body.skin-vector-legacy .mw-body {
border: 1px solid !important;
border-radius: 12px !important;
margin: 50px auto !important;
max-width: 1500px;
}

#content::before,
.mw-body::before {
content: '' !important;
position: absolute !important;
inset: -1px !important;
border-radius: 12px !important;
z-index: -1 !important;
opacity: 0.1 !important;
}

/* ========================================
Forms.css
Inputs e formulários (search, text, select, textarea)
======================================== */

input[type="text"],
input[type="search"],
textarea,
select {
border: 2px solid !important;
border-radius: 8px !important;
padding: 8px 16px !important;
font-family: inherit !important;
transition: 0.15s ease !important;

}

input[type="text"]:focus,
input[type="search"]:focus,
textarea:focus,
select:focus {

}

/* ========================================
HamburguerMenu.css
Sidebar (Vector Legacy) + menu hambúrguer + overlay
======================================== */

/* ==========================================================================
Variáveis reutilizáveis (dimensões e cores)
========================================================================== */

/* ==========================================================================
Sidebar (container)
========================================================================== */
body.skin-vector-legacy #mw-panel {
border-right: 2px solid;
padding: 18px 0;
border-radius: 14px;
transform: translateX(-100%);
transition: transform .3s ease;
position: fixed;
z-index: 1000;
height: 100vh;
width: 220px;
overflow-y: auto;
overflow-x: hidden;
}

/* Exibe sidebar somente quando mobile-open está presente */
body.skin-vector-legacy #mw-panel.mobile-open {
transform: translateX(0);
}

/* Overlay ao abrir a sidebar */
body.sidebar-open::before {
content: '';
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
opacity: 1;
transition: opacity .3s ease;
background: rgba(0, 0, 0, 0.5);
}

/* ==========================================================================
Sidebar (portais e itens)
========================================================================== */
body.skin-vector-legacy #mw-panel .vector-menu-portal,
body.skin-vector-legacy #mw-panel .portal {
padding: 10px;
border: 3px solid;
border-radius: 14px;
overflow: hidden;
}

body.skin-vector-legacy #mw-panel .vector-menu-portal .vector-menu-heading,
body.skin-vector-legacy #mw-panel .portal h3 {
margin: 0;
padding: 10px 12px;
font-size: 0.92em;
font-weight: 700;
letter-spacing: .3px;
text-decoration: underline;
border-bottom: 1px;
text-shadow: 0 1px 2px rgb(0, 0, 0) !important;
cursor: pointer;
user-select: none;
position: relative;
transition: background 0.3s ease, transform 0.2s ease;
border-radius: 14px;
}

body.skin-vector-legacy #mw-panel .vector-menu-portal .vector-menu-heading:hover,
body.skin-vector-legacy #mw-panel .portal h3:hover {
transform: translateY(-1px);
}

body.skin-vector-legacy #mw-panel .vector-menu-portal .vector-menu-heading::after,
body.skin-vector-legacy #mw-panel .portal h3::after {
content: '▼';
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
font-size: 0.8em;
transition: transform 0.3s ease;
border-radius: 14px;
}

body.skin-vector-legacy #mw-panel .vector-menu-portal.collapsed .vector-menu-heading::after,
body.skin-vector-legacy #mw-panel .portal.collapsed h3::after {
transform: translateY(-50%) rotate(-90deg);
}

body.skin-vector-legacy #mw-panel .vector-menu-content ul,
body.skin-vector-legacy #mw-panel .portal .body ul {
list-style: none;
margin: 0;
padding: 4px 0;
border-radius: 14px;
}

body.skin-vector-legacy #mw-panel .vector-menu-content,
body.skin-vector-legacy #mw-panel .portal .body {
max-height: none;
overflow: hidden;
transition: max-height 0.4s ease, opacity 0.3s ease;
opacity: 1;
}

body.skin-vector-legacy #mw-panel .vector-menu-portal.collapsed .vector-menu-content,
body.skin-vector-legacy #mw-panel .portal.collapsed .body {
max-height: 0 !important;
opacity: 0;
padding: 0;
}

body.skin-vector-legacy #mw-panel .vector-menu-portal.collapsed,
body.skin-vector-legacy #mw-panel .portal.collapsed { margin-bottom: 8px; }

body.skin-vector-legacy #mw-panel .vector-menu-portal.collapsed .vector-menu-heading,
body.skin-vector-legacy #mw-panel .portal.collapsed h3 {
border-bottom: none;
border-radius: 14px;
}

body.skin-vector-legacy #mw-panel .vector-menu-content li,
body.skin-vector-legacy #mw-panel .portal .body li { border-bottom: 1px solid; }

body.skin-vector-legacy #mw-panel .vector-menu-content li:last-child,
body.skin-vector-legacy #mw-panel .portal .body li:last-child { border-bottom: 0; }

body.skin-vector-legacy #mw-panel .vector-menu-content a,
body.skin-vector-legacy #mw-panel .portal .body a {
display: block;
padding: 8px 14px;
text-decoration: none;
border-radius: 10px;
border-left: 3px solid;
transition: color .2s ease, background-color .2s ease, border-color .2s ease, padding .2s ease;
}

body.skin-vector-legacy #mw-panel .vector-menu-content a:hover,
body.skin-vector-legacy #mw-panel .portal .body a:hover {
padding-left: 18px;
}

/* ==========================================================================
Scrollbar (sidebar)
========================================================================== */
body.skin-vector-legacy #mw-panel::-webkit-scrollbar { width: 6px; }
body.skin-vector-legacy #mw-panel::-webkit-scrollbar-thumb { border-radius: 3px; }

/* ==========================================================================
Menu hambúrguer (toggle)
========================================================================== */
.mobile-hamburger-menu {
display: flex;
position: fixed;
top: 20px;
left: 20px;
z-index: 1002;
width: 50px;
height: 50px;
border: none;
border-radius: 14px;
cursor: pointer;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 4px;
transition: transform .3s ease, box-shadow .3s ease;
padding: 0;
background: linear-gradient(135deg, #ff6b9d, #ff8fb0);
}

.mobile-hamburger-menu:hover {
transform: translateY(-2px);
}

.mobile-hamburger-menu span {
display: block;
width: 25px;
height: 3px;
border-radius: 2px;
transition: transform .3s ease, opacity .3s ease;
transform-origin: center;
background: #ffffff;
}

.mobile-hamburger-menu.active span:nth-child(1) { transform: rotate(45deg) translate(6px, 6px); }
.mobile-hamburger-menu.active span:nth-child(2) { opacity: 0; }
.mobile-hamburger-menu.active span:nth-child(3) { transform: rotate(-45deg) translate(6px, -6px); }

/* ==========================================================================
Logo “peek” (quando sidebar está recolhida/aberta)
========================================================================== */
body.skin-vector-legacy #p-logo { margin: 0 12px 18px; }

body.skin-vector-legacy #p-logo a {
display: block;
border: 1px solid;
border-radius: 14px;
padding: 12px;
transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

body.skin-vector-legacy #p-logo a:hover {
transform: translateY(-2px);
}

body.skin-vector-legacy #p-logo {
position: absolute;
top: 12px;
left: calc(100% + 12px);
margin: 0;
z-index: 1001;
}

body.skin-vector-legacy #p-logo a {
width: 56px;
height: 56px;
padding: 0;
display: block;
border-radius: 10px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border: 1px solid;
}

body.skin-vector-legacy #mw-panel.mobile-open #p-logo {
position: relative;
left: auto;
top: auto;
margin: 0 12px 18px;
}

body.skin-vector-legacy #mw-panel.mobile-open #p-logo a {
width: auto;
height: auto;
padding: 12px;
background-size: contain;
}

/* ==========================================================================
Acessibilidade
========================================================================== */
@media (prefers-contrast: more) {
body.skin-vector-legacy #mw-panel .vector-menu-content a:hover { text-decoration: underline; }
}

/* ========================================
Header.css
Cabeçalho (#mw-head) do Vector Legacy
======================================== */

#mw-head {
padding: 10px ;
border-bottom: 2px solid;
border: 1px solid;
border-radius: 8px;

}

/* ========================================
HeaderTabs.css
Abas e ações do cabeçalho (views/actions/watch)
======================================== */

/* ==========================================================================
Botões base
========================================================================== */
#ca-view a,
#ca-viewsource a,
#ca-ve-edit a,
#ca-edit a,
#ca-history a,
#p-cactions .vector-menu-heading ,
#ca-delete a,
#ca-move a,
#ca-protect a {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
padding: 8px 12px !important;
margin: 4px 6px 0 0 !important;
border-radius: 10px !important;
border: 2px solid !important;
font-weight: 700 !important;
text-decoration: none !important;
transition: transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease, border-color .2s ease !important;
}

/* ==========================================================================
Watch / Unwatch (ícones)
========================================================================== */
#ca-watch a,
#ca-unwatch a {
font-size: 0;
width: 24px;
height: 24px;
padding: 0;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
}

#ca-watch a {
content: "";
display: block;
width: 16px;
height: 16px;
background-image: url("https://mewsie.world/CoraTOWiki/images/2/28/EmptyPinkStar.png");
background-size: contain;
background-repeat: no-repeat;
border-radius: 10px !important;
}

#ca-unwatch a {
content: "";
display: block;
width: 16px;
height: 16px;
background-image: url("https://mewsie.world/CoraTOWiki/images/c/cc/FullPinkStar.png");
background-size: contain;
background-repeat: no-repeat;
border-radius: 10px !important;
}

/* ==========================================================================
Hover / active
========================================================================== */
#ca-view a:hover,
#ca-viewsource a:hover,
#ca-edit a:hover,
#ca-history a:hover,
#ca-watch a:hover,
#ca-unwatch a:hover,
#p-cactions .vector-menu-heading:hover,
#ca-delete a:hover,
#ca-move a:hover,
#ca-protect a:hover {
transform: translateY(-2px) !important;
}

/* ==========================================================================
Remoções e resets do cabeçalho
========================================================================== */
#pt-anontalk,
#p-namespaces,
#pt-anoncontribs,
#ca-talk,
#ca-nstab-main,
#ca-nstab-mediawiki {
display: none !important;
}

#ca-talk,
#ca-nstab-main,
#ca-nstab-mediawiki,
#ca-view,
#ca-viewsource,
#ca-edit,
#ca-ve-edit,
#ca-history,
#ca-watch,
#ca-unwatch,
#ca-more,
#mw-page-base {
border: none !important;
padding: 0 !important;
margin: 0 4px !important;
}

// Variáveis LESS que recebem valores das variáveis CSS
@bg-1: var(--bg-1);
@border: var(--border);
@shadow-soft: var(--shadow-soft);
@heading-gradient-start: var(--heading-gradient-start);
@heading-gradient-end: var(--heading-gradient-end);
@text-muted: var(--text-muted);
@text-strong: var(--text-strong);
@primary: var(--primary);

// Estilos
.hero {
background: @bg-1;
border: 2px solid @border;
border-radius: 20px;
max-width: 1200px;
margin: 0 auto 16px auto;
box-shadow: 0 6px 24px @shadow-soft;
}

.hero-inner {
padding: clamp(18px, 3vw, 36px);
text-align: center;
}

.hero-title {
margin: 8px 0 4px 0;
font-size: clamp(22px, 4vw, 36px);
font-weight: 800;
background: linear-gradient(135deg, @heading-gradient-start, @heading-gradient-end);
background-clip: text;
}

.hero-subtitle {
color: @text-muted;
font-size: clamp(14px, 2.2vw, 18px);
}

.status-pill {
display: inline-block;
margin-top: 10px;
padding: 8px 14px;
border-radius: 999px;
font-weight: 700;
color: @text-strong;
background: @primary;
animation: fadeInOut 2s ease-in-out infinite;
}

body.skin-vector-legacy.has-user-menu-collapsible #p-personal,
body.skin-vector-legacy.has-personal-menu-collapsible #p-personal {
display: none;
}

body.skin-vector-legacy .personal-menu-container {
position: fixed;
top: 120px;
right: 0;
z-index: 1000;
overflow: visible;
display: flex;
flex-direction: row;
}

body.skin-vector-legacy .personal-menu-header {
display: flex;
align-items: center;
padding: 6px 12px;
top: 2;
right: 0;
position: fixed;
cursor: pointer;
user-select: none;
transition: background 0.3s ease;
border-radius: 14px 0 0 14px;
white-space: nowrap;
font-weight: bold;
height: auto;
writing-mode: horizontal-tb;
border: 1px solid;
flex-direction: row;
}

body.skin-vector-legacy .personal-menu-header::after {
content: '';
display: inline-block;
width: 25px;
height: 25px;
font-weight: bold;
background-image: url( https://mewsie.world/CoraTOWiki/images/9/97/LeftArrow.png );
background-size: contain;
background-repeat: no-repeat;
background-position: center;
position: relative;
margin-left: 6px;
transition: transform 0.3s ease;
}

body.skin-vector-legacy .personal-menu-container.expanded .personal-menu-header::after {
transform: rotate( 180deg );
}

body.skin-vector-legacy .personal-menu-content {
position: absolute;
top: 0;
right: 100%;
border: 1px solid;
border-radius: 14px;
padding: 10px;
width: 0;
overflow: hidden;
opacity: 0;
transition: width 0.4s ease, opacity 0.3s ease;
display: flex;
flex-direction: column;
}

body.skin-vector-legacy .personal-menu-container.expanded .personal-menu-content {
width: 180px;
opacity: 1;
}

body.skin-vector-legacy .personal-menu-list {
list-style: none;
margin: 0;
padding: 0;
}

body.skin-vector-legacy .personal-menu-list li {
margin: 5px 0;
white-space: nowrap;
border-bottom: 1px solid;
}

body.skin-vector-legacy .personal-menu-list li:last-child {
border-bottom: 0;
}

body.skin-vector-legacy .personal-menu-list a {
display: block;
text-decoration: none;
padding: 8px 10px;
border-radius: 10px;
border-left: 3px solid;
transition: background 0.3s ease, padding-left 0.3s ease, color 0.3s ease;
}

body.skin-vector-legacy .personal-menu-list a:hover {
padding-left: 18px;
}

body.skin-vector-legacy .personal-menu-list #pt-anonuserpage {
display: block;
padding: 8px 10px;
border-radius: 10px;
border-left: 3px solid;
background: none;
color: inherit;
}

body.skin-vector-legacy .personal-menu-list #pt-anonuserpage:hover {
padding-left: 18px;
}

body.skin-vector-legacy .personal-menu-list a.mw-ui-button {
background: none;
border: 0;
box-shadow: none;
font-weight: inherit;
text-shadow: none;
}

#pt-theme-menu {
position: relative;
}

#pt-theme-menu .themeMenu {
position: relative;
display: inline-block;
}

#pt-theme-menu .themeMenu-toggle {
appearance: none;
background: transparent;
border: 1px solid transparent;
border-radius: 4px;
color: inherit;
cursor: pointer;
font: inherit;
line-height: 1.2;
padding: 0.25em 0.55em;
}

#pt-theme-menu .themeMenu-toggle:hover,
#pt-theme-menu .themeMenu.is-open .themeMenu-toggle {
background: var( --surface );
border-color: var( --border );
}

#pt-theme-menu .themeMenu-dropdown {
display: none;
position: absolute;
right: 0;
top: calc( 100% + 0.35em );
min-width: 180px;
margin: 0;
padding: 0.25em 0;
list-style: none;
background: var( --surface );
border: 1px solid var( --border );
border-radius: 6px;
box-shadow: 0 6px 18px var( --shadow-medium );
z-index: 9999;
}

#pt-theme-menu .themeMenu.is-open .themeMenu-dropdown {
display: block;
}

#pt-theme-menu .themeMenu-itemWrap {
margin: 0;
padding: 0;
}

#pt-theme-menu .themeMenu-item {
display: block;
padding: 0.45em 0.8em;
color: var( --text );
text-decoration: none;
white-space: nowrap;
}

#pt-theme-menu .themeMenu-item:hover,
#pt-theme-menu .themeMenu-item:focus {
background: var( --bg-1 );
color: var( --text-strong );
}

#pt-theme-menu .themeMenu-item.is-current {
font-weight: 700;
}

#mw-theme-floating {
position: fixed;
top: 0.6em;
right: 0.8em;
z-index: 10000;
}

#mw-theme-floating .themeMenu {
position: relative;
display: inline-block;
}

#mw-theme-floating .themeMenu-toggle {
appearance: none;
background: var( --surface );
border: 1px solid var( --border );
border-radius: 6px;
color: var( --text );
cursor: pointer;
font: inherit;
line-height: 1.2;
padding: 0.35em 0.65em;
box-shadow: 0 6px 18px var( --shadow-soft );
}

#mw-theme-floating .themeMenu-toggle:hover,
#mw-theme-floating .themeMenu.is-open .themeMenu-toggle {
background: var( --bg-1 );
}

#mw-theme-floating .themeMenu-dropdown {
display: none;
position: absolute;
right: 0;
top: calc( 100% + 0.35em );
min-width: 180px;
margin: 0;
padding: 0.25em 0;
list-style: none;
background: var( --surface );
border: 1px solid var( --border );
border-radius: 6px;
box-shadow: 0 6px 18px var( --shadow-medium );
z-index: 10001;
}

#mw-theme-floating .themeMenu.is-open .themeMenu-dropdown {
display: block;
}

#mw-theme-floating .themeMenu-item {
display: block;
padding: 0.45em 0.8em;
color: var( --text );
text-decoration: none;
white-space: nowrap;
}

#mw-theme-floating .themeMenu-item:hover,
#mw-theme-floating .themeMenu-item:focus {
background: var( --bg-1 );
color: var( --text-strong );
}

#mw-theme-floating .themeMenu-item.is-current {
font-weight: 700;
}

/* ========================================
UserMenu.css
Menu de usuário lateral (custom)
======================================== */

/* ==========================================================================
Container (posição e layout)
========================================================================== */
body.skin-vector-legacy .user-menu-container {
position: fixed;
top: 120px;
right: 0;
z-index: 1000;
overflow: visible;
display: flex;
flex-direction: row;
}

/* ==========================================================================
Header (toggle)
========================================================================== */
body.skin-vector-legacy .user-menu-header {
display: flex;
align-items: center;
padding: 6px 12px;
top: 2;
right: 0;
position: fixed;
cursor: pointer;
user-select: none;
transition: background 0.3s ease;
border-radius: 14px 0 0 14px;
white-space: nowrap;
font-weight: bold;
height: auto;
writing-mode: horizontal-tb;
border: 1px solid;
flex-direction: row;
}

body.skin-vector-legacy .user-menu-header::after {
content: '';
display: inline-block;
width: 25px;
height: 25px;
font-weight: bold;
background-image: url( https://mewsie.world/CoraTOWiki/images/9/97/LeftArrow.png );
background-size: contain;
background-repeat: no-repeat;
background-position: center;
position: relative;
margin-left: 6px;
transition: transform 0.3s ease;
}

body.skin-vector-legacy .user-menu-container.expanded .user-menu-header::after {
transform: rotate( 180deg );
}

/* ==========================================================================
Conteúdo (área expansível)
========================================================================== */
body.skin-vector-legacy .user-menu-content {
position: absolute;
top: 0;
right: 100%;
border: 1px solid;
border-radius: 14px;
padding: 10px;
width: 0;
overflow: hidden;
opacity: 0;
transition: width 0.4s ease, opacity 0.3s ease;
display: flex;
flex-direction: column;
}

body.skin-vector-legacy .user-menu-container.expanded .user-menu-content {
width: 180px;
opacity: 1;
}

/* ==========================================================================
Lista de links
========================================================================== */
body.skin-vector-legacy .user-menu-list {
list-style: none;
margin: 0;
padding: 0;
}

body.skin-vector-legacy .user-menu-list li {
margin: 5px 0;
white-space: nowrap;
border-bottom: 1px solid;
}

body.skin-vector-legacy .user-menu-list li:last-child {
border-bottom: 0;
}

body.skin-vector-legacy .user-menu-list a {
display: block;
text-decoration: none;
padding: 8px 10px;
border-radius: 10px;
border-left: 3px solid;
transition: background 0.3s ease, padding-left 0.3s ease, color 0.3s ease;
}

body.skin-vector-legacy .user-menu-list a:hover {
padding-left: 18px;
}

MediaWiki:Vector.css

2026-01-02T12:37:02Z

Noorisei:

figcaption {
background: var (--bg) !important;
}

MediaWiki:StatsCard.css

2026-01-02T12:34:17Z

Noorisei:

/* Quick Stats Grid */
.quick-stats {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 15px;
margin: 25px 0;
}

.stat-card {
background: var(--bg-1);
border-radius: 10px;
padding: 20px;
text-align: center;
box-shadow: 0 4px 6px var(--shadow-soft);
border: 1px solid var(--border);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.stat-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px var(--shadow-medium);
}

.stat-card h3 {
margin: 0 0 10px 0;
font-size: 1.2rem;
color: var(--primary);
}

.stat-card p {
font-size: 2rem;
font-weight: bold;
margin: 0;
color: var(--heading);
}

/* ========================================
RESPONSIVE DESIGN
======================================== */

/* Desktop médio: 992px - 1199px */
@media (max-width: 1199px) {
.quick-stats {
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 18px;
margin: 18px 0;
}

.stat-item {
padding: 18px;
border-radius: 11px;
}

.stat-value {
font-size: 1.8rem;
margin-bottom: 9px;
}

.stat-label {
font-size: 0.95em;
}
}

/* Desktop pequeno: 768px - 991px */
@media (max-width: 991px) {
.quick-stats {
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
gap: 16px;
margin: 16px 0;
}

.stat-item {
padding: 16px;
border-radius: 10px;
}

.stat-item:hover {
transform: translateY(-1px);
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}

.stat-value {
font-size: 1.6rem;
margin-bottom: 8px;
}

.stat-label {
font-size: 0.9em;
}
}

/* Tablet: 576px - 767px */
@media (max-width: 767px) {
.quick-stats {
grid-template-columns: repeat(2, 1fr);
gap: 14px;
margin: 14px 0;
}

.stat-item {
padding: 14px;
border-radius: 8px;
}

.stat-item:hover {
transform: translateY(-1px);
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.06);
}

.stat-value {
font-size: 1.4rem;
margin-bottom: 7px;
}

.stat-label {
font-size: 0.85em;
}
}

/* Mobile: até 575px */
@media (max-width: 575px) {
.quick-stats {
grid-template-columns: 1fr;
gap: 12px;
margin: 12px 0;
}

.stat-item {
padding: 12px;
border-radius: 6px;
}

.stat-item:hover {
transform: none;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.stat-value {
font-size: 1.2rem;
margin-bottom: 6px;
}

.stat-label {
font-size: 0.8em;
}
}

MediaWiki:QuestCard.css

2026-01-02T12:33:46Z

Noorisei:

/* Quest Card */
.quest-card {
background: var(--bg-1);
border: 1px solid var(--border);
border-radius: 20px;
padding: 30px;
margin: 25px 0;
box-shadow: 0 4px 20px var(--shadow-soft);
transition: all 0.3s ease;
position: relative;
overflow: hidden;
}

.quest-card:hover::before {
left: 100%;
}

.quest-card:hover {
transform: translateY(-2px);
box-shadow: 0 8px 30px var(--shadow-medium);
border-color: var(--border-strong);
}

/* Quest Header */
.quest-header {
display: flex;
align-items: center;
margin-bottom: 20px;
padding-bottom: 15px;
border-bottom: 2px solid var(--border);
}

.quest-icon {
width: 50px;
height: 50px;
background: var(--primary);
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 15px;
font-size: 24px;
color: var(--text-strong);
box-shadow: 0 4px 15px var(--shadow-soft);
}

.quest-title {
font-size: 22px;
font-weight: 700;
color: var(--heading);
margin: 0;
}

.quest-type {
background: var(--primary);
color: var(--text-strong);
padding: 4px 12px;
border-radius: 20px;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-left: auto;
}

/* Quest Sections Grid */
.quest-sections {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
margin: 25px 0;
}

.quest-section {
background: var(--bg-1);
border: 1px solid var(--border);
border-radius: 16px;
padding: 25px 20px;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
position: relative;
overflow: hidden;
}

.quest-section::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: var(--primary);
transform: scaleX(0);
transition: transform 0.3s ease;
}

.quest-section:hover::before {
transform: scaleX(1);
}

.quest-section:hover {
transform: translateY(-5px) scale(1.02);
box-shadow: 0 12px 40px var(--shadow-medium);
border-color: var(--border-strong);
}

.quest-section-icon {
font-size: 2rem;
margin-bottom: 15px;
display: block;
}

.quest-section-title {
font-size: 14px;
font-weight: 600;
color: var(--text-muted);
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 12px;
}

.quest-section-content {
font-size: 16px;
font-weight: 600;
color: var(--text);
line-height: 1.4;
}

/* Special Badges */
.quest-badge {
display: inline-block;
background: var(--positive);
color: var(--text-strong);
padding: 2px 8px;
border-radius: 12px;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-left: 8px;
box-shadow: 0 2px 8px var(--shadow-soft);
}

/* Rewards Section */
.quest-rewards {
background: var(--bg-1);
border: 1px solid var(--border);
border-radius: 16px;
padding: 25px;
margin: 25px 0;
position: relative;
overflow: hidden;
}

.quest-rewards::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: var(--primary);
}

.quest-rewards-title {
font-size: 18px;
font-weight: 700;
color: var(--heading);
margin-bottom: 15px;
display: flex;
align-items: center;
}

.quest-rewards-title::before {
content: '🎁';
margin-right: 10px;
font-size: 20px;
}

.quest-rewards-list {
display: flex;
flex-wrap: wrap;
gap: 12px;
}

.quest-reward-item {
background: var(--bg-1);
border: 1px solid var(--border);
border-radius: 12px;
padding: 8px 16px;
font-size: 14px;
font-weight: 600;
color: var(--text);
transition: all 0.3s ease;
}

.quest-reward-item:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px var(--shadow-soft);
border-color: var(--border-strong);
}

/* Location Details */
.quest-location-details {
background: var(--bg-1);
border: 1px solid var(--border);
border-left: 5px solid var(--primary);
border-radius: 16px;
padding: 20px;
margin: 20px 0;
font-size: 14px;
color: var(--text);
line-height: 1.5;
}

.quest-location-details::before {
content: '📍';
margin-right: 8px;
font-size: 16px;
}

/* Item Drop Info */
.quest-drop-info {
background: var(--positive-bg);
border: 1px solid var(--border);
border-left: 5px solid var(--positive);
border-radius: 16px;
padding: 20px;
margin: 15px 0;
font-size: 14px;
color: var(--text);
line-height: 1.5;
}

.quest-drop-info::before {
content: '💎';
margin-right: 8px;
font-size: 16px;
}

/* ---------------------------------------------------------- */

/* Desktop médio: 992px - 1199px */
@media (max-width: 1199px) {
.quest-card {
padding: 25px;
margin: 20px 0;
}

.quest-sections {
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 18px;
}

.quest-section {
padding: 20px 18px;
}

.quest-title {
font-size: 20px;
}

.quest-rewards {
padding: 20px;
}
}

/* Desktop pequeno: 768px - 991px */
@media (max-width: 991px) {
.quest-card {
padding: 20px;
margin: 18px 0;
border-radius: 16px;
}

.quest-header {
flex-direction: column;
align-items: flex-start;
gap: 15px;
}

.quest-type {
margin-left: 0;
align-self: flex-end;
}

.quest-sections {
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 16px;
}

.quest-section {
padding: 18px 16px;
}

.quest-title {
font-size: 18px;
}

.quest-section-content {
font-size: 15px;
}

.quest-rewards {
padding: 18px;
}

.quest-rewards-title {
font-size: 16px;
}
}

/* Tablet: 576px - 767px */
@media (max-width: 767px) {
.quest-card {
padding: 18px;
margin: 15px 0;
border-radius: 14px;
}

.quest-header {
margin-bottom: 18px;
padding-bottom: 12px;
}

.quest-icon {
width: 45px;
height: 45px;
font-size: 20px;
margin-right: 12px;
}

.quest-title {
font-size: 16px;
}

.quest-type {
font-size: 11px;
padding: 3px 10px;
}

.quest-sections {
grid-template-columns: 1fr;
gap: 14px;
margin: 20px 0;
}

.quest-section {
padding: 16px 14px;
}

.quest-section-icon {
font-size: 1.5rem;
margin-bottom: 12px;
}

.quest-section-title {
font-size: 13px;
margin-bottom: 10px;
}

.quest-section-content {
font-size: 14px;
}

.quest-rewards {
padding: 16px;
margin: 20px 0;
}

.quest-rewards-title {
font-size: 15px;
margin-bottom: 12px;
}

.quest-rewards-list {
gap: 10px;
}

.quest-reward-item {
padding: 6px 12px;
font-size: 13px;
}

.quest-location-details,
.quest-drop-info {
padding: 16px;
margin: 16px 0;
font-size: 13px;
}
}

/* Mobile: até 575px */
@media (max-width: 575px) {
.quest-card {
padding: 15px;
margin: 12px 0;
border-radius: 12px;
}

.quest-header {
margin-bottom: 15px;
padding-bottom: 10px;
}

.quest-icon {
width: 40px;
height: 40px;
font-size: 18px;
margin-right: 10px;
}

.quest-title {
font-size: 15px;
}

.quest-type {
font-size: 10px;
padding: 2px 8px;
}

.quest-sections {
gap: 12px;
margin: 18px 0;
}

.quest-section {
padding: 14px 12px;
}

.quest-section:hover {
transform: translateY(-2px) scale(1.01);
}

.quest-section-icon {
font-size: 1.3rem;
margin-bottom: 10px;
}

.quest-section-title {
font-size: 12px;
margin-bottom: 8px;
}

.quest-section-content {
font-size: 13px;
}

.quest-rewards {
padding: 14px;
margin: 18px 0;
}

.quest-rewards-title {
font-size: 14px;
margin-bottom: 10px;
}

.quest-rewards-title::before {
font-size: 16px;
margin-right: 8px;
}

.quest-rewards-list {
gap: 8px;
}

.quest-reward-item {
padding: 5px 10px;
font-size: 12px;
}

.quest-location-details,
.quest-drop-info {
padding: 14px;
margin: 14px 0;
font-size: 12px;
border-radius: 12px;
}

.quest-location-details::before,
.quest-drop-info::before {
font-size: 14px;
margin-right: 6px;
}
}

MediaWiki:PartySimulator.css

2026-01-02T12:33:25Z

Noorisei:

.sim-layout {
display:grid;
grid-template-columns:1fr 340px;
gap:18px;
}

.sim-controls {
background: var(--bg-1);
border:1px solid var(--border);
border-radius:12px;
padding:12px;
}

.sim-row {
display:grid;
grid-template-columns:120px 1fr auto;
gap:8px;
align-items:center;
margin-bottom:10px;
}

.sim-row label {
font-weight:800;
color:#334;
}

.sim-card-grid {
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:10px;
}

.sim-card {
background: var(--bg-1);
border:1px solid var(--border);
border-radius:12px;
padding:10px;
display:grid;
gap:8px;
}

.sim-card-header {
display:flex;
align-items:center;
justify-content:flex-start;
gap:8px;
}

.sim-card-title {
font-weight:800;
color: var(--heading);
}

.sim-select {
width:100%;
border:1px solid var(--border);
border-radius:8px;
padding:8px;
background: var(--surface);
}

.sim-input {
width:100%;
border:1px solid var(--border);
border-radius:8px;
padding:8px;
background: var(--surface);
}

.sim-summary {
background: var(--bg-1);
border:1px solid var(--border);
border-radius:12px;
padding:12px;
}

.sim-type-box h3 {
margin:0 0 8px 0;
}

.sim-chip-row {
display:flex;
gap:10px;
flex-wrap:wrap;
}

.sim-chip {
background: var(--bg-1);
border:1px solid var(--border);
color: var(--text);
border-radius:999px;
padding:8px 12px;
font-weight:800;
}

.sim-rules {
margin-top:12px;
display:grid;
gap:6px;
}

.sim-rule {
background: var(--bg-1);
border:1px solid var(--border);
border-radius:10px;
padding:8px 10px;
color: var(--text);
}

.sim-card .image-container {
max-width:64px !important;
}

.sim-type-box .image-container {
max-width:160px !important;
}

.sim-actions {
display:flex;
gap:8px;
}

.sim-button {
background: var(--bg-1);
border:1px solid var(--border);
color: var(--text);
border-radius:8px;
padding:8px 12px;
font-weight:800;
cursor:pointer;
}

MediaWiki:PartyQuest.css

2026-01-02T12:33:02Z

Noorisei:

/* PartyQuest styles: specific and scoped for Party Quest cards */

.token-card .partyquest-tabs {
display: flex;
gap: 8px;
margin: 12px 0 16px;
list-style: none;
padding: 0;
}

.token-card .partyquest-info-grid {
display: grid;
grid-template-columns: 1fr;
gap: 12px;
}

.token-card .partyquest-info-card {
background: var(--bg-1);
border: 1px solid var(--border);
border-radius: 12px;
box-shadow: 0 6px 24px var(--shadow-soft);
padding: 12px;
}

.token-card .partyquest-card-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
margin-bottom: 10px;
}

.token-card .partyquest-card-header h4 {
display: flex;
align-items: center;
gap: 8px;
font-size: 16px;
margin: 0;
}

.token-card .partyquest-card-header h4 a {
color: var(--link);
text-decoration: none;
}

.token-card .partyquest-monster-icon {
width: 24px;
height: 24px;
border-radius: 6px;
}

.token-card .partyquest-level-badge {
display: inline-block;
font-size: 12px;
font-weight: 700;
background: var(--bg-1);
color: var(--heading);
border: 1px solid var(--border);
padding: 3px 8px;
border-radius: 999px;
}

.token-card .partyquest-stats-details {
display: grid;
grid-template-columns: 1fr;
gap: 8px;
}

.token-card .partyquest-stat-info {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
padding: 10px 12px;
border: 1px solid var(--border);
border-radius: 12px;
background: var(--bg-1);
}

.token-card .partyquest-stat-label {
font-weight: 700;
color: var(--heading);
}

.token-card .partyquest-stat-value {
color: var(--text-muted);
}

/* Light theme accents for special rows */
.token-card .partyquest-stat-info.partyquest-reward {
background: var(--bg-1);
border: 1px solid var(--border);
}
.token-card .partyquest-stat-info.partyquest-condition {
background: var(--negative-bg);
border: 1px solid var(--danger);
}

/* Header image sizing to prevent overflow */
#tab-party .token-card .token-card-header .image-container {
flex: 0 0 auto;
}
#tab-party .token-card .token-card-header .image-container img {
width: 64px;
height: 64px;
border-radius: 12px;
max-width: 100%;
}

@media (max-width: 480px) {
#tab-party .token-card .token-card-header {
flex-wrap: wrap;
}
#tab-party .token-card .token-card-header .image-container img {
width: 56px;
height: 56px;
}
}

/* Nested content visibility (leverages existing JS) */
.token-card .nested-content {
display: none;
}
.token-card .nested-content.active {
display: block;
}

MediaWiki:PartiesEXP.css

2026-01-02T12:32:48Z

Noorisei:

body { background: var(--bg); }

/* Overview left column only (preserva Quick Access) */
#tab-overview .guide-content {
display: grid;
grid-template-columns: minmax(300px, 1.25fr) minmax(260px, .75fr);
gap: 16px;
}

#tab-overview .guide-content > div { background: var(--bg-1); border: 1px solid var(--border); border-radius: 12px; padding: 14px; }

#tab-overview .feature-list {
list-style: none;
padding: 0;
margin: 0;
}

#tab-overview .feature-list li { position: relative; padding-left: 26px; margin: 8px 0; color: var(--text); }

#tab-overview .feature-list li::before { content: ""; position: absolute; left: 6px; top: 7px; width: 8px; height: 8px; border-radius: 999px; background: var(--primary); }

#tab-overview .info-box,
#tab-overview .tip-box { border-radius: 12px; border: 1px solid var(--border); background: var(--bg-1); color: var(--text); }

/* Join: timeline cards com números grandes */
#tab-join .guide-content {
display: grid;
grid-template-columns: minmax(300px, 1.2fr) minmax(280px, .8fr);
gap: 16px;
}

#tab-join .feature-list {
counter-reset: step;
list-style: none;
padding: 0;
margin: 0;
}

#tab-join .feature-list li { position: relative; padding-left: 56px; margin: 14px 0; color: var(--text); }

#tab-join .feature-list li::before { counter-increment: step; content: counter(step); position: absolute; left: 0; top: 0; width: 36px; height: 36px; border-radius: 12px; background: var(--primary); color: var(--text-strong); display: flex; align-items: center; justify-content: center; font-weight: 800; box-shadow: 0 3px 8px var(--shadow-soft); }

#tab-join .file-figure { border: 1px solid var(--border); border-radius: 12px; overflow: hidden; }

#tab-join .file-figure img {
display: block;
width: 100%;
height: auto;
}

/* Types: chips roláveis e cartões de tipo */
#tab-types .guide-content {
display: grid;
grid-template-columns: minmax(280px, 1fr) minmax(240px, .8fr);
gap: 14px;
}

#tab-types .point-list {
list-style: none;
padding: 0;
margin: 0;
}

#tab-types .point-list li {
position: relative;
padding-left: 24px;
margin: 8px 0;
}

#tab-types .point-list li::before { content: ""; position: absolute; left: 6px; top: 8px; width: 10px; height: 10px; border-radius: 2px; background: var(--primary); }

#tab-types .boost-row {
margin-top: 8px;
}

#tab-types .file-figure {
border: 1px solid #dbe0ff;
border-radius: 12px;
overflow: hidden;
}

/* Settings: preserva colapsáveis, estiliza cartões */
#tab-settings .settings-grid {
display: grid;
grid-template-columns: repeat(2, minmax(240px, 1fr));
gap: 12px;
align-items: start;
}

#tab-settings .setting-card { border: 1px solid var(--border); border-radius: 12px; background: var(--bg-1); padding: 12px; display: flex; flex-direction: column; height: 100%; }

/* Manage: mosaico de ações */
#tab-manage .action-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 12px;
}

#tab-manage .action-card { border: 1px solid var(--border); border-radius: 12px; background: var(--bg-1); padding: 12px; }

#tab-manage .file-figure {
border: 1px solid #dbe0ff;
border-radius: 12px;
overflow: hidden;
}

/* Elementos genéricos */
.info-inline {
margin: 10px 0;
}

.file-figure img {
display: block;
width: 100%;
height: auto;
}

/* Badges (copiado de PartiesEXP.css) */
.badge-row {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 10px;
}

.badge-chip {
background: linear-gradient(135deg, #f6f9ff, #eef4ff);
border: 1px solid #ccd8ff;
color: #2048b0;
border-radius: 999px;
padding: 8px 12px;
font-size: 12px;
font-weight: 800;
letter-spacing: .02em;
box-shadow: 0 2px 6px rgba(0, 0, 0, .06);
}

#type-normal .badge-chip {
background: linear-gradient(135deg, #f7f7f7, #ededed);
border-color: #eaeaea;
color: #333;
}

#type-beginner .badge-chip {
background: linear-gradient(135deg, #eaf6ff, #d6ecff);
border-color: #cfe8ff;
color: #1e5d8f;
}

#type-type .badge-chip {
background: linear-gradient(135deg, #f2ffe8, #dff6c7);
border-color: #d9f1c7;
color: #2e5a12;
}

#type-royal .badge-chip {
background: linear-gradient(135deg, #fff0f7, #ffd3e3);
border-color: #ffd3e3;
color: #7a224a;
}

#type-special .badge-chip {
background: linear-gradient(135deg, #f5f0ff, #e4d7ff);
border-color: #dcd0ff;
color: #4a2f8a;
}

#type-fixed .badge-chip {
background: linear-gradient(135deg, #ffe9e9, #ffd5d5);
border-color: #f3caca;
color: #7c1f1f;
}

#type-normal .badge-chip::before {
content: "•";
margin-right: 6px;
}

#type-beginner .badge-chip::before {
content: "🌱";
margin-right: 6px;
}

#type-type .badge-chip::before {
content: "🧩";
margin-right: 6px;
}

#type-royal .badge-chip::before {
content: "👑";
margin-right: 6px;
}

#type-special
.badge-chip::before {
content: "✨";
margin-right: 6px;
}

#type-fixed .badge-chip::before {
content: "🔒";
margin-right: 6px;
}

/* Multipliers (copiado de PartiesEXP.css) */
.mult-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 12px;
margin-top: 8px;
}

.mult-card {
background: #fff;
border: 1px solid #e6e6f0;
border-radius: 12px;
padding: 12px;
}

.mult-card::before {
content: "";
display: block;
height: 4px;
border-radius: 12px 12px 0 0;
background: linear-gradient(135deg, #ff6b9d, #ffc3e0);
}

.mult-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 8px;
}

.member-count {
font-weight: 700;
color: #333;
}

.chip-list {
display: flex;
flex-wrap: wrap;
gap: 8px;
list-style: none;
padding: 0;
margin: 0;
}

.chip {
background: #f7f9ff;
border: 1px solid #e1e8ff;
color: #2d3d70;
border-radius: 14px;
padding: 8px 12px;
font-weight: 700;
font-size: 13px;
display: flex;
gap: 8px;
box-shadow: 0 2px 6px rgba(0, 0, 0, .06);
}

.chip span {
font-weight: 500;
color: #445;
}

.chip.none {
background: #fff3f3;
border-color: #ffd3d3;
color: #a33;
}

.chip-normal {
background: linear-gradient(135deg, #f7f7f7, #ededed);
border-color: #eaeaea;
color: #444;
}

.chip-beginner {
background: linear-gradient(135deg, #eaf6ff, #d6ecff);
border-color: #cfe8ff;
color: #1e5d8f;
}

.chip-type {
background: linear-gradient(135deg, #f2ffe8, #dff6c7);
border-color: #d9f1c7;
color: #3f6b16;
}

.chip-royal {
background: linear-gradient(135deg, #fff0f7, #ffd3e3);
border-color: #ffd3e3;
color: #9b2b5c;
}

.chip-special {
background: linear-gradient(135deg, #f5f0ff, #e4d7ff);
border-color: #e4d7ff;
color: #5b3aa8;
}

.chip-fixed {
background: linear-gradient(135deg, #ffe9e9, #ffd5d5);
border-color: #f3caca;
color: #a13838;
}

.chip-normal::before {
content: "•";
margin-right: 6px;
}

.chip-beginner::before {
content: "🌱";
margin-right: 6px;
}

.chip-type::before {
content: "🧩";
margin-right: 6px;
}

.chip-royal::before {
content: "👑";
margin-right: 6px;
}

.chip-special::before {
content: "✨";
margin-right: 6px;
}

.chip-fixed::before {
content: "🔒";
margin-right: 6px;
}

.mode-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px;margin-top:8px}
.mode-detail{background:#fafbff;border:1px solid #e6eaf7;border-radius:12px;overflow:hidden}
.mode-detail>summary{cursor:pointer;padding:8px 12px;font-weight:800;color:#2048b0;background:linear-gradient(135deg,#f6f9ff,#eef4ff)}
.mode-detail>p{padding:8px 12px;margin:0;color:#444}