Yb new page home: Difference between revisions

Revision as of 01:06, 10 January 2026

Welcome to the Utopia Wiki

The comprehensive guide to one of the oldest running MMO strategy games

Utopia is a real-time massively multiplayer online browser-based strategy game set in a persistent fantasy world. Lead your province through war, diplomacy, and intrigue as you compete with thousands of other players. The game is free to play with no downloads required.

New to Utopia? Start with our Getting Started Guide • Join the Discord Community • Check Current Age Changes

🎮 Getting Started

⚔️ War & Combat

🏰 Province Management

✨ Magic & Espionage

Core Game Systems

📊 Economy & Resources

👑 Kingdom Politics

🎯 Intelligence & Tools

💬 Communication

Strategy Guides

Featured Guides

Beginner Guides

Advanced Strategy

External Resources

Current Age Information

⚡ World of Legends Age 113 - See the latest changes and updates!

54

Articles

Join Discord

Community Chat

Recent Changes

Latest Updates

Contribute

Help the Wiki

About the Wiki • About • Contribute • Browse Categories • Dictionary • Special Thanks

Questions? Ping @Wiki Team Member or message #wiki on Discord!

@@ Line 209: / Line 209: @@
 </div>
-<style>
-/* Mobile-first responsive design */
-.utopia-main-page {
-  max-width: 1400px;
-  margin: 0 auto;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
-}
-/* Ensure grid cards work on mobile */
-@media (max-width: 768px) {
-  .utopia-main-page > div[style*="grid"] {
-    grid-template-columns: 1fr !important;
-  }
-}
-/* Link styling for gradient boxes */
-.utopia-main-page div[style*="gradient"] a {
-  color: white !important;
-  text-decoration: none;
-  border-bottom: 1px dotted rgba(255,255,255,0.5);
-  transition: border-bottom 0.2s;
-}
-.utopia-main-page div[style*="gradient"] a:hover {
-  border-bottom: 1px solid white;
-}
-/* Card hover effects */
-.utopia-main-page div[style*="border: 2px solid"] {
-  transition: transform 0.2s, box-shadow 0.2s;
-}
-.utopia-main-page div[style*="border: 2px solid"]:hover {
-  transform: translateY(-4px);
-  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
-}
-</style>