Jump to content

Test: Difference between revisions

← Older editNewer edit →
VisualWikitext
Undo revision 21 by Chrono (talk)
Tag: Undo
No edit summary
Tag: Reverted
Line 1: Line 1:
{{DISPLAYTITLE:Chrono Odyssey Wiki - Your Guide to the World of Setera}}
__NOTOC__
<!-- Hero Section -->
<div style="width: 100%; background: linear-gradient(135deg, #0f0f1e 0%, #1a1a3e 50%, #0f0f1e 100%); border-radius: 15px; padding: 40px 20px; margin-bottom: 30px; box-shadow: 0 8px 32px rgba(138, 43, 226, 0.3), inset 0 1px 0 rgba(255,255,255,0.1); position: relative; overflow: hidden;">
<div style="position: absolute; top: -50%; right: -10%; width: 300px; height: 300px; background: radial-gradient(circle, rgba(138, 43, 226, 0.3) 0%, transparent 70%); filter: blur(60px);"></div>
<div style="position: absolute; bottom: -50%; left: -10%; width: 400px; height: 400px; background: radial-gradient(circle, rgba(59, 130, 246, 0.2) 0%, transparent 70%); filter: blur(80px);"></div>
<div style="text-align: center; position: relative; z-index: 1;">
[[File:Chrono_Odyssey_Logo.png|450px|center|link=]]
<div style="color: #ffffff; font-size: 32px; font-weight: 700; margin-top: 20px; text-shadow: 0 0 30px rgba(138, 43, 226, 0.5), 0 0 60px rgba(138, 43, 226, 0.3); letter-spacing: 2px;">CHRONO ODYSSEY WIKI</div>
<div style="color: #b8b8d0; font-size: 18px; margin-top: 10px; font-weight: 300;">The Ultimate Resource for Time-Bending Adventures</div>
<div style="color: #8888aa; font-size: 16px; margin-top: 15px;">
<span style="background: rgba(138, 43, 226, 0.2); padding: 8px 16px; border-radius: 20px; border: 1px solid rgba(138, 43, 226, 0.3);">
📊 [[Special:Statistics|{{NUMBEROFARTICLES}}]] Articles • ✏️ {{NUMBEROFEDITS}} Edits • 👥 {{NUMBEROFACTIVEUSERS}} Active Editors
</span>
</div>
</div>
</div>


<div style="background-color: #f0f4f8; border: 1px solid #a2b8c9; padding: 20px; margin-bottom: 20px; text-align: center;">
<!-- Quick Navigation Bar -->
{| style="width: 100%;"
<div style="background: #1a1a2e; border-radius: 12px; padding: 15px; margin-bottom: 25px; box-shadow: 0 4px 16px rgba(0,0,0,0.4); border: 1px solid #2a2a4e;">
| style="width: 150px; vertical-align: top;" | [[File:Chrono_Odyssey_Wiki_Logo.png|120px|Chrono Odyssey Wiki Logo]] <!-- Replace with actual logo -->
<div style="display: flex; justify-content: space-around; flex-wrap: wrap; gap: 10px;">
| style="text-align: center;" |
<span style="background: linear-gradient(135deg, #8a2be2, #5b21b6); padding: 8px 20px; border-radius: 25px; color: white; font-weight: 600; box-shadow: 0 4px 12px rgba(138, 43, 226, 0.3); cursor: pointer;">[[Getting Started|🎮 Getting Started]]</span>
<div style="font-size: 2.8em; font-weight: bold; margin-bottom: 10px; color: #2a3f5f;">Welcome to the Chrono Odyssey Wiki!</div>
<span style="background: linear-gradient(135deg, #3b82f6, #2563eb); padding: 8px 20px; border-radius: 25px; color: white; font-weight: 600; box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3); cursor: pointer;">[[Classes|⚔️ Classes]]</span>
<div style="font-size: 1.3em; color: #4a5f7f;">Your comprehensive community-driven guide to the upcoming MMORPG, '''Chrono Odyssey'''.</div>
<span style="background: linear-gradient(135deg, #10b981, #059669); padding: 8px 20px; border-radius: 25px; color: white; font-weight: 600; box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3); cursor: pointer;">[[World Map|🗺️ World]]</span>
<div style="font-size: 1em; color: #6a7f9f;">Explore the vast world of Setera, master the art of time manipulation, and forge your destiny!</div>
<span style="background: linear-gradient(135deg, #f59e0b, #d97706); padding: 8px 20px; border-radius: 25px; color: white; font-weight: 600; box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3); cursor: pointer;">[[Guides|📚 Guides]]</span>
<div style="font-size: 0.9em; color: #777;">chronoodysseywiki.com</div>
<span style="background: linear-gradient(135deg, #ef4444, #dc2626); padding: 8px 20px; border-radius: 25px; color: white; font-weight: 600; box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3); cursor: pointer;">[[PvP|🏆 PvP]]</span>
|}
</div>
</div>
</div>


{| style="width: 100%; border-spacing: 20px 0; margin-bottom: 20px;"
<!-- Main Content Grid -->
| style="width: 70%; vertical-align: top;" |
<div style="display: grid; grid-template-columns: 2fr 1fr; gap: 25px; margin-bottom: 30px;">
<div style="background-color: #ffffff; border: 1px solid #d1d9e0; padding: 15px; margin-bottom: 20px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);">
== About Chrono Odyssey ==
[[File:Chrono_Odyssey_Key_Art.jpg|right|300px|thumb|Official Game Art]] <!-- Replace with actual game art -->
'''Chrono Odyssey''' is a next-generation action MMORPG developed by Chrono Studio, utilizing the power of Unreal Engine 5. [1, 2] Players will immerse themselves in the expansive, seamless open world of '''Setera''', a realm where time and space are intrinsically linked and often distorted. [1, 3] A core feature of the game is the '''Chronotector''', a mystical artifact that grants players the ability to manipulate time, allowing travel between the past, present, and future to uncover secrets and influence the world. [1, 2, 3]


The game boasts dynamic, action-based combat that is easy to learn but hard to master, featuring mechanics like dodging, parrying, and staggering. [1, 4] Players can choose from 6 distinct classes, each offering 3 weapon specializations, which allows for flexible, hybrid roles that move beyond the traditional MMO trinity. [2, 5] Character customization is extensive, and progression is designed to be player-driven, meaning you can reach the highest levels through various paths including combat, crafting, gathering, or exploration, without being solely tied to main story quests. [1, 2, 4]
<!-- Left Column -->
<div>
<!-- Game Overview -->
<div style="background: #1a1a2e; border: 1px solid #2a2a4e; border-radius: 12px; padding: 20px; margin-bottom: 25px; box-shadow: 0 4px 16px rgba(0,0,0,0.4);">
<div style="background: linear-gradient(135deg, #8a2be2, #5b21b6); color: white; font-size: 20px; font-weight: bold; padding: 12px 20px; margin: -20px -20px 15px -20px; border-radius: 12px 12px 0 0; display: flex; align-items: center; gap: 10px;">
<span style="font-size: 24px;">🌟</span> About Chrono Odyssey
</div>
<div style="color: #d0d0e0; line-height: 1.8;">
'''Chrono Odyssey''' is an ambitious MMORPG powered by Unreal Engine 5, featuring revolutionary time-manipulation mechanics and breathtaking visuals. Journey through the mystical lands of Setera, where past, present, and future collide in an epic adventure.


Chrono Odyssey is anticipated for release on PC, Consoles, and Mobile, with a tentative launch window in Q4 2025. [3] A closed beta test is expected in June 2025 on Steam. [3, 5]
<div style="margin-top: 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 15px;">
<div style="background: rgba(138, 43, 226, 0.1); padding: 15px; border-radius: 10px; border: 1px solid rgba(138, 43, 226, 0.2);">
<div style="color: #a78bfa; font-weight: 600; margin-bottom: 8px;">Development</div>
<div style="color: #b8b8d0; font-size: 14px;">
'''Developer:''' [[NPIXEL]]<br/>
'''Engine:''' Unreal Engine 5<br/>
'''Genre:''' MMORPG
</div>
</div>
<div style="background: rgba(59, 130, 246, 0.1); padding: 15px; border-radius: 10px; border: 1px solid rgba(59, 130, 246, 0.2);">
<div style="color: #93bbfc; font-weight: 600; margin-bottom: 8px;">Release Info</div>
<div style="color: #b8b8d0; font-size: 14px;">
'''Platforms:''' PC, Console, Mobile<br/>
'''Release:''' 2025 (TBA)<br/>
'''Beta:''' [[Beta Schedule|View Schedule]]
</div>
</div>
</div>
</div>
</div>
</div>


<div style="background-color: #ffffff; border: 1px solid #d1d9e0; padding: 15px; margin-bottom: 20px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);">
<!-- Core Features -->
== Getting Started ==
<div style="background: #1a1a2e; border: 1px solid #2a2a4e; border-radius: 12px; padding: 20px; margin-bottom: 25px; box-shadow: 0 4px 16px rgba(0,0,0,0.4);">
New to Chrono Odyssey or this wiki? Here are some essential pages to begin your journey:
<div style="background: linear-gradient(135deg, #ef4444, #dc2626); color: white; font-size: 20px; font-weight: bold; padding: 12px 20px; margin: -20px -20px 15px -20px; border-radius: 12px 12px 0 0; display: flex; align-items: center; gap: 10px;">
* [[Game Overview]]: Understand the fundamental features and gameplay mechanics.
<span style="font-size: 24px;">⚡</span> Game Features
* [[Classes]]: Explore the available classes and their unique weapon systems. [2]
</div>
* [[World of Setera]]: Delve into the lore, regions, and mysteries of the game world. [3]
<div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px;">
* [[Chronotector]]: Learn about the time manipulation abilities. [1, 3]
<div style="background: linear-gradient(135deg, rgba(138, 43, 226, 0.1), rgba(138, 43, 226, 0.2)); padding: 20px; border-radius: 10px; text-align: center; border: 1px solid rgba(138, 43, 226, 0.3); transition: all 0.3s; cursor: pointer;">
* [[New Player Guide]]: Tips and tricks for starting your adventure.
[[File:Classes_Icon.png|60px|link=Classes]]<br/>
* [[FAQ]]: Answers to frequently asked questions.
<div style="color: #ffffff; font-weight: 600; margin-top: 10px;">[[Classes|18 Classes]]</div>
<div style="color: #a78bfa; font-size: 13px;">Unique Playstyles</div>
</div>
<div style="background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(59, 130, 246, 0.2)); padding: 20px; border-radius: 10px; text-align: center; border: 1px solid rgba(59, 130, 246, 0.3); transition: all 0.3s; cursor: pointer;">
[[File:Chronos_Icon.png|60px|link=Chronos System]]<br/>
<div style="color: #ffffff; font-weight: 600; margin-top: 10px;">[[Chronos System|Time Control]]</div>
<div style="color: #93bbfc; font-size: 13px;">Bend Time & Space</div>
</div>
<div style="background: linear-gradient(135deg, rgba(16, 185, 129, 0.1), rgba(16, 185, 129, 0.2)); padding: 20px; border-radius: 10px; text-align: center; border: 1px solid rgba(16, 185, 129, 0.3); transition: all 0.3s; cursor: pointer;">
[[File:Combat_Icon.png|60px|link=Combat]]<br/>
<div style="color: #ffffff; font-weight: 600; margin-top: 10px;">[[Combat|Action Combat]]</div>
<div style="color: #6ee7b7; font-size: 13px;">Dynamic Battles</div>
</div>
<div style="background: linear-gradient(135deg, rgba(245, 158, 11, 0.1), rgba(245, 158, 11, 0.2)); padding: 20px; border-radius: 10px; text-align: center; border: 1px solid rgba(245, 158, 11, 0.3); transition: all 0.3s; cursor: pointer;">
[[File:PvP_Icon.png|60px|link=PvP]]<br/>
<div style="color: #ffffff; font-weight: 600; margin-top: 10px;">[[PvP|PvP Warfare]]</div>
<div style="color: #fbbf24; font-size: 13px;">Massive Battles</div>
</div>
<div style="background: linear-gradient(135deg, rgba(239, 68, 68, 0.1), rgba(239, 68, 68, 0.2)); padding: 20px; border-radius: 10px; text-align: center; border: 1px solid rgba(239, 68, 68, 0.3); transition: all 0.3s; cursor: pointer;">
[[File:Dungeons_Icon.png|60px|link=Dungeons]]<br/>
<div style="color: #ffffff; font-weight: 600; margin-top: 10px;">[[Dungeons|Dungeons]]</div>
<div style="color: #fca5a5; font-size: 13px;">Epic Challenges</div>
</div>
<div style="background: linear-gradient(135deg, rgba(168, 85, 247, 0.1), rgba(168, 85, 247, 0.2)); padding: 20px; border-radius: 10px; text-align: center; border: 1px solid rgba(168, 85, 247, 0.3); transition: all 0.3s; cursor: pointer;">
[[File:Crafting_Icon.png|60px|link=Crafting]]<br/>
<div style="color: #ffffff; font-weight: 600; margin-top: 10px;">[[Crafting|Crafting]]</div>
<div style="color: #c4b5fd; font-size: 13px;">Forge Legends</div>
</div>
</div>
</div>
</div>


<div style="background-color: #ffffff; border: 1px solid #d1d9e0; padding: 15px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);">
<!-- Getting Started Guide -->
== Latest News & Updates ==
<div style="background: #1a1a2e; border: 1px solid #2a2a4e; border-radius: 12px; padding: 20px; margin-bottom: 25px; box-shadow: 0 4px 16px rgba(0,0,0,0.4);">
* '''June 2025:''' Chrono Odyssey Closed Beta Test for PC (via Steam) is expected this month! [3, 5]
<div style="background: linear-gradient(135deg, #10b981, #059669); color: white; font-size: 20px; font-weight: bold; padding: 12px 20px; margin: -20px -20px 15px -20px; border-radius: 12px 12px 0 0; display: flex; align-items: center; gap: 10px;">
* '''May 2025:''' Developer Diary released, offering insights into game's story, combat mechanics, and progression systems. [5]
<span style="font-size: 24px;">🚀</span> New Player Hub
* '''Q3 2024:''' Kakao Games' financial report indicated a tentative Q4 2025 release for Chrono Odyssey. [3]
</div>
* '''May 3, 2023:''' The official gameplay trailer for Chrono Odyssey was unveiled. [3]
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 20px;">
* '''2021:''' Full production on Chrono Odyssey began under Npixel (now Chrono Studio). [2]
<div style="background: rgba(16, 185, 129, 0.1); padding: 15px; border-radius: 10px; border: 1px solid rgba(16, 185, 129, 0.2);">
<div style="color: #6ee7b7; font-weight: 600; margin-bottom: 10px; font-size: 16px;">Essential Guides</div>
<div style="color: #b8b8d0; line-height: 1.8;">
• [[New Player Guide|Complete Beginner's Guide]]<br/>
• [[Character Creation|Creating Your Hero]]<br/>
• [[Basic Controls|Controls & Interface]]<br/>
• [[First Steps|Your First Hour]]
</div>
</div>
<div style="background: rgba(59, 130, 246, 0.1); padding: 15px; border-radius: 10px; border: 1px solid rgba(59, 130, 246, 0.2);">
<div style="color: #93bbfc; font-weight: 600; margin-bottom: 10px; font-size: 16px;">Quick References</div>
<div style="color: #b8b8d0; line-height: 1.8;">
• [[FAQ|Frequently Asked Questions]]<br/>
• [[System Requirements|Can You Run It?]]<br/>
• [[Terminology|Game Terms Glossary]]<br/>
• [[Tips and Tricks|Pro Tips]]
</div>
</div>
</div>
</div>
</div>


Follow this section for the latest developments!
<!-- Right Column -->
<div>
<!-- Latest News -->
<div style="background: #1a1a2e; border: 1px solid #2a2a4e; border-radius: 12px; padding: 20px; margin-bottom: 25px; box-shadow: 0 4px 16px rgba(0,0,0,0.4);">
<div style="background: linear-gradient(135deg, #f59e0b, #d97706); color: white; font-size: 20px; font-weight: bold; padding: 12px 20px; margin: -20px -20px 15px -20px; border-radius: 12px 12px 0 0; display: flex; align-items: center; gap: 10px;">
<span style="font-size: 24px;">📢</span> Latest Updates
</div>
<div style="color: #d0d0e0;">
{{Chrono Odyssey News}}
</div>
<div style="text-align: center; margin-top: 15px;">
<span style="background: rgba(245, 158, 11, 0.2); padding: 8px 20px; border-radius: 20px; border: 1px solid rgba(245, 158, 11, 0.3); color: #fbbf24; font-weight: 600;">[[News Archive|View All News →]]</span>
</div>
</div>
</div>


| style="width: 30%; vertical-align: top; padding-left: 20px;" |
<!-- Community Hub -->
<div style="background-color: #e6eef5; border: 1px solid #b8cde0; padding: 10px; margin-bottom: 20px; box-shadow: 0 2px 4px rgba(0,0,0,0.05);">
<div style="background: #1a1a2e; border: 1px solid #2a2a4e; border-radius: 12px; padding: 20px; margin-bottom: 25px; box-shadow: 0 4px 16px rgba(0,0,0,0.4);">
<div style="font-size: 1.4em; font-weight: bold; margin-bottom: 10px; text-align: center; color: #2a3f5f; border-bottom: 1px solid #b8cde0; padding-bottom: 5px;">Navigation</div>
<div style="background: linear-gradient(135deg, #a855f7, #7c3aed); color: white; font-size: 20px; font-weight: bold; padding: 12px 20px; margin: -20px -20px 15px -20px; border-radius: 12px 12px 0 0; display: flex; align-items: center; gap: 10px;">
<ul style="list-style-type: none; padding-left: 0;">
<span style="font-size: 24px;">💬</span> Community
<li style="margin-bottom: 8px; background-color: #f7fafd; padding: 8px; border: 1px solid #d1d9e0; border-radius: 4px;">'''[[Game Mechanics]]'''
</div>
  <ul style="list-style-type: square; padding-left: 20px; margin-top: 5px;">
<div style="background: rgba(168, 85, 247, 0.1); padding: 15px; border-radius: 10px; border: 1px solid rgba(168, 85, 247, 0.2); margin-bottom: 15px;">
    <li>[[Combat System]] [1, 4]</li>
<div style="color: #c4b5fd; font-weight: 600; margin-bottom: 10px;">Join the Adventure</div>
    <li>[[Time Manipulation (Chronotector)]] [1, 3]</li>
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 10px;">
    <li>[[Classes]] & [[Roles]] [2]</li>
<a href="https://discord.gg/chronoodyssey" style="background: #5865F2; color: white; padding: 8px; border-radius: 8px; text-align: center; text-decoration: none; display: block;">Discord</a>
    <li>[[Character Customization]] [1]</li>
<a href="https://reddit.com/r/ChronoOdyssey" style="background: #FF4500; color: white; padding: 8px; border-radius: 8px; text-align: center; text-decoration: none; display: block;">Reddit</a>
    <li>[[Progression]] & [[Leveling]] [2, 4]</li>
<a href="https://twitter.com/ChronoOdyssey" style="background: #1DA1F2; color: white; padding: 8px; border-radius: 8px; text-align: center; text-decoration: none; display: block;">Twitter</a>
    <li>[[Crafting]] & [[Gathering]] [1, 2]</li>
<a href="https://youtube.com/ChronoOdyssey" style="background: #FF0000; color: white; padding: 8px; border-radius: 8px; text-align: center; text-decoration: none; display: block;">YouTube</a>
  </ul>
</div>
</li>
</div>
<li style="margin-bottom: 8px; background-color: #f7fafd; padding: 8px; border: 1px solid #d1d9e0; border-radius: 4px;">'''[[World & Lore]]'''
<div style="color: #b8b8d0; line-height: 1.8;">
  <ul style="list-style-type: square; padding-left: 20px; margin-top: 5px;">
• [[Chrono Odyssey Wiki:Community Portal|Community Portal]]<br/>
    <li>[[Setera]] (World) [3]</li>
• [[Special:RecentChanges|Recent Changes]]<br/>
    <li>[[Regions]] & [[Maps]]</li>
• [[Help:Editing|How to Contribute]]<br/>
    <li>[[Factions]] & [[NPCs]]</li>
• [[Chrono Odyssey Wiki:Discord|Wiki Discord]]
    <li>[[Creatures]] & [[Enemies]]</li>
</div>
    <li>[[Storyline]] & [[Quests]]</li>
  </ul>
</li>
<li style="margin-bottom: 8px; background-color: #f7fafd; padding: 8px; border: 1px solid #d1d9e0; border-radius: 4px;">'''[[Game Content]]'''
  <ul style="list-style-type: square; padding-left: 20px; margin-top: 5px;">
    <li>[[Dungeons]] & [[Raids]] [1]</li>
    <li>[[Chronogates]] (Solo Bosses) [4]</li>
    <li>[[Expeditions]] (Group Content) [4]</li>
    <li>[[Field Bosses]] [4]</li>
    <li>[[Player versus Player (PvP)]] [4]</li>
  </ul>
</li>
<li style="margin-bottom: 8px; background-color: #f7fafd; padding: 8px; border: 1px solid #d1d9e0; border-radius: 4px;">'''[[Items & Equipment]]'''
  <ul style="list-style-type: square; padding-left: 20px; margin-top: 5px;">
    <li>[[Weapons]]</li>
    <li>[[Armor]]</li>
    <li>[[Accessories]]</li>
    <li>[[Consumables]]</li>
    <li>[[Crafting Materials]]</li>
  </ul>
</li>
<li style="margin-bottom: 8px; background-color: #f7fafd; padding: 8px; border: 1px solid #d1d9e0; border-radius: 4px;">'''[[Guides & Walkthroughs]]'''
  <ul style="list-style-type: square; padding-left: 20px; margin-top: 5px;">
    <li>[[New Player Guide]]</li>
    <li>[[Class Guides]]</li>
    <li>[[Crafting & Gathering Guides]]</li>
    <li>[[Endgame Guide]]</li>
  </ul>
</li>
<li style="margin-bottom: 8px; background-color: #f7fafd; padding: 8px; border: 1px solid #d1d9e0; border-radius: 4px;">'''[[Community & Resources]]'''
  <ul style="list-style-type: square; padding-left: 20px; margin-top: 5px;">
    <li>[[Official Website]]</li>
    <li>[[Official Discord]]</li>
    <li>[[Official Forums]]</li>
    <li>[[Community Reddit]]</li>
  </ul>
</li>
</ul>
</div>
</div>


<div style="background-color: #fff5e6; border: 1px solid #e0c2a2; padding: 10px; margin-bottom: 20px; box-shadow: 0 2px 4px rgba(0,0,0,0.05);">
<!-- Quick Links -->
<div style="font-size: 1.4em; font-weight: bold; margin-bottom: 10px; text-align: center; color: #7f5f2a; border-bottom: 1px solid #e0c2a2; padding-bottom: 5px;">Become a Contributor!</div>
<div style="background: #1a1a2e; border: 1px solid #2a2a4e; border-radius: 12px; padding: 20px; box-shadow: 0 4px 16px rgba(0,0,0,0.4);">
This wiki thrives on community contributions. Every edit, correction, and new page enriches our shared knowledge!
<div style="background: linear-gradient(135deg, #14b8a6, #0d9488); color: white; font-size: 20px; font-weight: bold; padding: 12px 20px; margin: -20px -20px 15px -20px; border-radius: 12px 12px 0 0; display: flex; align-items: center; gap: 10px;">
* [[Help:Editing|Learn How to Edit Pages]]
<span style="font-size: 24px;">⚡</span> Quick Access
* [[Chrono Odyssey Wiki:Style Guide|Our Style Guidelines]]
</div>
* [[Chrono Odyssey Wiki:Projects|Current Wiki Projects]]
<div style="display: grid; grid-template-columns: 1fr; gap: 10px;">
* [[Chrono Odyssey Wiki:To-Do List|Articles Needing Expansion]]
<div style="background: rgba(20, 184, 166, 0.1); padding: 10px 15px; border-radius: 8px; border-left: 3px solid #14b8a6; color: #b8b8d0;">[[Weapons|⚔️ Weapons Database]]</div>
<div style="background: rgba(20, 184, 166, 0.1); padding: 10px 15px; border-radius: 8px; border-left: 3px solid #14b8a6; color: #b8b8d0;">[[Armor|🛡️ Armor Collection]]</div>
<div style="background: rgba(20, 184, 166, 0.1); padding: 10px 15px; border-radius: 8px; border-left: 3px solid #14b8a6; color: #b8b8d0;">[[Skills|✨ Skills & Abilities]]</div>
<div style="background: rgba(20, 184, 166, 0.1); padding: 10px 15px; border-radius: 8px; border-left: 3px solid #14b8a6; color: #b8b8d0;">[[Quests|📜 Quest Tracker]]</div>
<div style="background: rgba(20, 184, 166, 0.1); padding: 10px 15px; border-radius: 8px; border-left: 3px solid #14b8a6; color: #b8b8d0;">[[Mounts|🐴 Mount Gallery]]</div>
<div style="background: rgba(20, 184, 166, 0.1); padding: 10px 15px; border-radius: 8px; border-left: 3px solid #14b8a6; color: #b8b8d0;">[[Guild System|🏰 Guild Directory]]</div>
</div>
</div>
</div>
</div>
</div>


<div style="background-color: #e6f5e9; border: 1px solid #a2d0b8; padding: 10px; box-shadow: 0 2px 4px rgba(0,0,0,0.05);">
<!-- Featured Content Carousel -->
<div style="font-size: 1.4em; font-weight: bold; margin-bottom: 10px; text-align: center; color: #2a5f3f; border-bottom: 1px solid #a2d0b8; padding-bottom: 5px;">Game At-a-Glance</div>
<div style="background: #1a1a2e; border: 1px solid #2a2a4e; border-radius: 12px; padding: 20px; margin-bottom: 25px; box-shadow: 0 4px 16px rgba(0,0,0,0.4);">
* '''Developer:''' [[Chrono Studio]] [2]
<div style="background: linear-gradient(135deg, #ec4899, #be185d); color: white; font-size: 20px; font-weight: bold; padding: 12px 20px; margin: -20px -20px 15px -20px; border-radius: 12px 12px 0 0; display: flex; align-items: center; gap: 10px;">
* '''Publisher(s):''' [[Npixel]] / [[Kakao Games]] <!-- Verify official publisher info -->
<span style="font-size: 24px;">✨</span> Featured Content
* '''Platforms:''' PC, Consoles, Mobile [3]
</div>
* '''Release Date:''' Q4 2025 (Tentative) [3]
<div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;">
* '''Engine:''' Unreal Engine 5 [1, 2]
<div style="text-align: center; background: rgba(236, 72, 153, 0.1); padding: 15px; border-radius: 10px; border: 1px solid rgba(236, 72, 153, 0.2);">
* '''Official Website:''' [https://chrono-odyssey.com/ chrono-odyssey.com] <!-- Example, replace with actual URL -->
[[File:Featured_Class.jpg|150px|link=Chronomancer|style=border-radius: 8px;]]<br/>
<div style="color: #ffffff; font-weight: 600; margin-top: 10px;">[[Chronomancer]]</div>
<div style="color: #f9a8d4; font-size: 13px;">Master of Time</div>
</div>
<div style="text-align: center; background: rgba(236, 72, 153, 0.1); padding: 15px; border-radius: 10px; border: 1px solid rgba(236, 72, 153, 0.2);">
[[File:Featured_Zone.jpg|150px|link=Temporal Nexus|style=border-radius: 8px;]]<br/>
<div style="color: #ffffff; font-weight: 600; margin-top: 10px;">[[Temporal Nexus]]</div>
<div style="color: #f9a8d4; font-size: 13px;">Endgame Zone</div>
</div>
<div style="text-align: center; background: rgba(236, 72, 153, 0.1); padding: 15px; border-radius: 10px; border: 1px solid rgba(236, 72, 153, 0.2);">
[[File:Featured_Boss.jpg|150px|link=Void Emperor|style=border-radius: 8px;]]<br/>
<div style="color: #ffffff; font-weight: 600; margin-top: 10px;">[[Void Emperor]]</div>
<div style="color: #f9a8d4; font-size: 13px;">Raid Boss</div>
</div>
<div style="text-align: center; background: rgba(236, 72, 153, 0.1); padding: 15px; border-radius: 10px; border: 1px solid rgba(236, 72, 153, 0.2);">
[[File:Featured_Event.jpg|150px|link=Time Rift Event|style=border-radius: 8px;]]<br/>
<div style="color: #ffffff; font-weight: 600; margin-top: 10px;">[[Time Rift Event]]</div>
<div style="color: #f9a8d4; font-size: 13px;">Limited Event</div>
</div>
</div>
</div>
</div>
|}
|}


<div style="clear: both; text-align: center; padding: 15px; background-color: #dde4eb; border-top: 1px solid #a2b8c9; font-size: 0.9em; color: #4a5f7f;">
<!-- Footer -->
Chrono Odyssey Wiki is a fan-created resource and is not officially endorsed by or affiliated with Chrono Studio, Npixel, or Kakao Games. <br />
<div style="margin-top: 40px; padding: 30px; background: linear-gradient(135deg, #0f0f1e 0%, #1a1a3e 100%); border-radius: 15px; text-align: center; box-shadow: 0 -4px 16px rgba(0,0,0,0.4); border: 1px solid #2a2a4e;">
All game content, trademarks, and copyrights are the property of their respective owners and licensors. All rights reserved. <br />
<div style="color: #d0d0e0; font-size: 20px; font-weight: 600; margin-bottom: 15px;">Chrono Odyssey Wiki</div>
Please see our [[Chrono Odyssey Wiki:General disclaimer|General disclaimer]] for more information.
<div style="color: #8888aa; font-size: 14px; line-height: 1.8;">
A community-driven encyclopedia for Chrono Odyssey MMORPG<br/>
Game content and materials are trademarks and copyrights of NPIXEL<br/>
This site is not affiliated with NPIXEL • [[Chrono Odyssey Wiki:About|About]] • [[Chrono Odyssey Wiki:Privacy Policy|Privacy]] • [[Chrono Odyssey Wiki:Terms|Terms]]
</div>
<div style="margin-top: 20px;">
<span style="color: #666688; font-size: 12px;">Powered by MediaWiki • Dark Theme v2.0</span>
</div>
</div>
</div>


<!-- Categories for organization -->
[[Category:Chrono Odyssey Wiki]]
[[Category:Main Page]]
[[Category:Chrono Odyssey]]
Retrieved from "https://chronoodysseywiki.com/wiki/Test"