Jump to content

Test: Difference between revisions

No edit summary
Tag: Reverted
Undo revision 23 by Chrono (talk)
Tag: Undo
Line 1: Line 1:
__NOTOC__
{{DISPLAYTITLE:Chrono Odyssey Wiki - Your Guide to the World of Setera}}
<!-- 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>


<!-- Quick Navigation Bar -->
<div style="background-color: #f0f4f8; border: 1px solid #a2b8c9; padding: 20px; margin-bottom: 20px; text-align: center;">
<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: 100%;"
<div style="display: flex; justify-content: space-around; flex-wrap: wrap; gap: 10px;">
| style="width: 150px; vertical-align: top;" | [[File:Chrono_Odyssey_Wiki_Logo.png|120px|Chrono Odyssey Wiki Logo]] <!-- Replace with actual logo -->
<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>
| style="text-align: center;" |
<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: 2.8em; font-weight: bold; margin-bottom: 10px; color: #2a3f5f;">Welcome to the Chrono Odyssey Wiki!</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: 1.3em; color: #4a5f7f;">Your comprehensive community-driven guide to the upcoming MMORPG, '''Chrono Odyssey'''.</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: 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, #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 style="font-size: 0.9em; color: #777;">chronoodysseywiki.com</div>
</div>
|}
</div>
</div>


<!-- Main Content Grid -->
{| style="width: 100%; border-spacing: 20px 0; margin-bottom: 20px;"
<div style="display: grid; grid-template-columns: 2fr 1fr; gap: 25px; margin-bottom: 30px;">
| style="width: 70%; vertical-align: top;" |
<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]


<!-- Left Column -->
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]
<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.


<div style="margin-top: 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 15px;">
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="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>


<!-- Core Features -->
<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);">
<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);">
== Getting Started ==
<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;">
New to Chrono Odyssey or this wiki? Here are some essential pages to begin your journey:
<span style="font-size: 24px;">⚡</span> Game Features
* [[Game Overview]]: Understand the fundamental features and gameplay mechanics.
</div>
* [[Classes]]: Explore the available classes and their unique weapon systems. [2]
<div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px;">
* [[World of Setera]]: Delve into the lore, regions, and mysteries of the game world. [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;">
* [[Chronotector]]: Learn about the time manipulation abilities. [1, 3]
[[File:Classes_Icon.png|60px|link=Classes]]<br/>
* [[New Player Guide]]: Tips and tricks for starting your adventure.
<div style="color: #ffffff; font-weight: 600; margin-top: 10px;">[[Classes|18 Classes]]</div>
* [[FAQ]]: Answers to frequently asked questions.
<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>


<!-- Getting Started Guide -->
<div style="background-color: #ffffff; border: 1px solid #d1d9e0; padding: 15px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);">
<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);">
== Latest News & Updates ==
<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;">
* '''June 2025:''' Chrono Odyssey Closed Beta Test for PC (via Steam) is expected this month! [3, 5]
<span style="font-size: 24px;">🚀</span> New Player Hub
* '''May 2025:''' Developer Diary released, offering insights into game's story, combat mechanics, and progression systems. [5]
</div>
* '''Q3 2024:''' Kakao Games' financial report indicated a tentative Q4 2025 release for Chrono Odyssey. [3]
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 20px;">
* '''May 3, 2023:''' The official gameplay trailer for Chrono Odyssey was unveiled. [3]
<div style="background: rgba(16, 185, 129, 0.1); padding: 15px; border-radius: 10px; border: 1px solid rgba(16, 185, 129, 0.2);">
* '''2021:''' Full production on Chrono Odyssey began under Npixel (now Chrono Studio). [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>


<!-- Right Column -->
Follow this section for the latest developments!
<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>


<!-- Community Hub -->
| style="width: 30%; vertical-align: top; padding-left: 20px;" |
<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-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: 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;">
<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>
<span style="font-size: 24px;">💬</span> Community
<ul style="list-style-type: none; padding-left: 0;">
</div>
<li style="margin-bottom: 8px; background-color: #f7fafd; padding: 8px; border: 1px solid #d1d9e0; border-radius: 4px;">'''[[Game Mechanics]]'''
<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;">
  <ul style="list-style-type: square; padding-left: 20px; margin-top: 5px;">
<div style="color: #c4b5fd; font-weight: 600; margin-bottom: 10px;">Join the Adventure</div>
    <li>[[Combat System]] [1, 4]</li>
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 10px;">
    <li>[[Time Manipulation (Chronotector)]] [1, 3]</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>[[Classes]] & [[Roles]] [2]</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>[[Character Customization]] [1]</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>[[Progression]] & [[Leveling]] [2, 4]</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>
    <li>[[Crafting]] & [[Gathering]] [1, 2]</li>
</div>
  </ul>
</div>
</li>
<div style="color: #b8b8d0; line-height: 1.8;">
<li style="margin-bottom: 8px; background-color: #f7fafd; padding: 8px; border: 1px solid #d1d9e0; border-radius: 4px;">'''[[World & Lore]]'''
[[Chrono Odyssey Wiki:Community Portal|Community Portal]]<br/>
  <ul style="list-style-type: square; padding-left: 20px; margin-top: 5px;">
[[Special:RecentChanges|Recent Changes]]<br/>
    <li>[[Setera]] (World) [3]</li>
[[Help:Editing|How to Contribute]]<br/>
    <li>[[Regions]] & [[Maps]]</li>
[[Chrono Odyssey Wiki:Discord|Wiki Discord]]
    <li>[[Factions]] & [[NPCs]]</li>
</div>
    <li>[[Creatures]] & [[Enemies]]</li>
    <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>


<!-- Quick Links -->
<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);">
<div style="background: #1a1a2e; border: 1px solid #2a2a4e; border-radius: 12px; padding: 20px; 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: #7f5f2a; border-bottom: 1px solid #e0c2a2; padding-bottom: 5px;">Become a Contributor!</div>
<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;">
This wiki thrives on community contributions. Every edit, correction, and new page enriches our shared knowledge!
<span style="font-size: 24px;">⚡</span> Quick Access
* [[Help:Editing|Learn How to Edit Pages]]
</div>
* [[Chrono Odyssey Wiki:Style Guide|Our Style Guidelines]]
<div style="display: grid; grid-template-columns: 1fr; gap: 10px;">
* [[Chrono Odyssey Wiki:Projects|Current Wiki Projects]]
<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>
* [[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;">[[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>


<!-- Featured Content Carousel -->
<div style="background-color: #e6f5e9; border: 1px solid #a2d0b8; padding: 10px; 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: #2a5f3f; border-bottom: 1px solid #a2d0b8; padding-bottom: 5px;">Game At-a-Glance</div>
<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;">
* '''Developer:''' [[Chrono Studio]] [2]
<span style="font-size: 24px;">✨</span> Featured Content
* '''Publisher(s):''' [[Npixel]] / [[Kakao Games]] <!-- Verify official publisher info -->
</div>
* '''Platforms:''' PC, Consoles, Mobile [3]
<div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;">
* '''Release Date:''' Q4 2025 (Tentative) [3]
<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);">
* '''Engine:''' Unreal Engine 5 [1, 2]
[[File:Featured_Class.jpg|150px|link=Chronomancer|style=border-radius: 8px;]]<br/>
* '''Official Website:''' [https://chrono-odyssey.com/ chrono-odyssey.com] <!-- Example, replace with actual URL -->
<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>
|}
|}


<!-- Footer -->
<div style="clear: both; text-align: center; padding: 15px; background-color: #dde4eb; border-top: 1px solid #a2b8c9; font-size: 0.9em; color: #4a5f7f;">
<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;">
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="color: #d0d0e0; font-size: 20px; font-weight: 600; margin-bottom: 15px;">Chrono Odyssey Wiki</div>
All game content, trademarks, and copyrights are the property of their respective owners and licensors. All rights reserved. <br />
<div style="color: #8888aa; font-size: 14px; line-height: 1.8;">
Please see our [[Chrono Odyssey Wiki:General disclaimer|General disclaimer]] for more information.
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>


[[Category:Chrono Odyssey Wiki]]
<!-- Categories for organization -->
[[Category:Main Page]]
[[Category:Chrono Odyssey]]