Utopia Game - User contributions [en]

Age 115

2026-04-28T02:17:51Z

Sonja says: /* Age 115 – Final Changes */

= Age 115 – Final Changes =

<div style="text-align:center; padding:1em; background:linear-gradient(180deg, #001D3D 0%, #000814 100%); border:2px solid #FFC300; border-radius:8px; margin-bottom:1.5em;">
<span style="color:#FFFFFF; font-size:1.3em;">'''Quick Navigation''' <p>[[#Age_Schedule|Age Schedule]] • [[#War_Doctrines|War Doctrines]] • [[#Buildings|Buildings]] • [[#Science|Science]] • [[#Relations|Relations]] • [[#Dragons|Dragons]] • [[#Rituals|Rituals]] • [[#Races|Races]] • [[#Personalities|Personalities]]</span>
</div>

== Age Schedule ==

{| class="wikitable" style="width:100%; background:#001D3D; color:#FFFFFF; border:2px solid #FFC300;"
|-
| '''WoL Age 115 Open:''' || TBC
|-
| '''WoL Age 115 Start:''' || 28 April 2026 18:00 UTC
|-
| '''WoL Age 115 End:''' || TBC
|}

== War Doctrines ==

Each race contributes a '''War Doctrine''' that applies kingdom-wide during War. The first province of a race provides a stronger initial bonus, with each additional province contributing a progressively smaller amount.

{| class="wikitable" style="width:60%; background:#001D3D; color:#FFFFFF; border:2px solid #FFC300;"
|-
! style="background:#000814; color:#FFD60A;" | Province Count
! style="background:#000814; color:#FFD60A;" | Doctrine Bonus
|-
| 1st Province || +2.0%
|-
| Each additional Province || +1.5%
|-
| '''Maximum Cap''' || '''10 or 12.5%'''
|}

This rewards early commitment to a race while still allowing deeper specialisation. No War Doctrine may exceed 12.5% total effect.

'''Example:''' If your kingdom has 5 Elf provinces, your kingdom would receive a combined doctrine bonus based on the scaled contributions of each province, reaching toward the maximum cap during war — granting up to +12.5% Offensive WPA and +12.5% Spell Duration during war.

== Buildings ==

- Castles base percent shifted from 2.25% to 2%

== Science ==

- Resilience Multiplier shifted to 0.04401 from 0.0489<p>
- Artisan Multiplier shifted to 0.04302 from 0.0478<p>
- Finesse Multiplier shifted to 0.08685 from 0.0965

== Relations ==

'''Defensive Force Ceasefire (DFCF)''' reintroduced with the following changes:

DFCF becomes available when all of the following are met:

- The kingdom is 45 points (in-range) or 30 points (out-of-range) below the aggressor on the hostility meter
- The aggressor has not been given Hostile status
- No attacks have been made against the aggressor for 3 ticks
- The kingdom is lower in both Land and Networth than the aggressor

Additional DFCF rules:

- DFCF will incur a penalty if within War Range of the aggressor (15% NW or Land)
- Penalty will be a loss of 2.5% Honor and 2.5% Science
- There is no penalty incurred for DFCF if out of War Range of the aggressor
- Penalty will have a warning popup, as to not be done accidentally
- DFCF duration will be for 48 hours before it can be cancelled by either kingdom

'''Hostile meter''' will now decay after 48 hours of going hostile, decay rate will ramp with meter points.

== Dragons ==

Dragons return not as spectacle, but as pressure. They disrupt economies, drain resolve, and force hard choices until they are answered.

'''Note:''' The Celestite Dragon has been removed in Age 115. Dragon HP has been reduced by 2% across all dragons.

{| class="wikitable" style="width:100%; background:#001D3D; color:#FFFFFF; border:2px solid #FFC300;"
! style="background:#000814; color:#FFD60A;" | Dragon
! style="background:#000814; color:#FFD60A;" | Effects
|-
| '''Amethyst''' || • −30% Spell Success Chance <br> • −30% Thievery Success Chance on sabotage operations <br> • All active self-spells are removed instantly upon arrival <br> • Every 6 ticks thereafter, provinces suffer 2% wizard losses, 2% thief losses
|-
| '''Emerald''' || • +25% Military Casualties <br> • −25% Combat Gains <br> • Destroys 0.5% of troops at home instantly upon arrival <br> • Every 6 ticks thereafter, 1.5% of troops at home are lost and current Building and Specialist Credits are reduced by 40%
|-
| '''Ruby''' || • −12.5% Military Effectiveness <br> • +20% Military Wages <br> • Destroys 1.5% of offensive specialists instantly <br> • Every 6 ticks thereafter, 2.5% of offensive specialists at home desert
|-
| '''Topaz''' || • −30% Building Efficiency <br> • −25% Income <br> • Destroys 10% of buildings instantly upon arrival <br> • Every 6 ticks thereafter, destroys 5% of buildings and 20% of current gold
|-
| '''Sapphire''' || • −35% WPA and TPA <br> • −1 Mana Recovery <br> • −1 Stealth Recovery <br> • +12.5% Instant Spell and Sabotage Damage taken and −12.5% Instant Spell and Sabotage Damage dealt <br> • Every 6 ticks thereafter, destroys 25% of current rune supplies
|}

== Rituals ==

{| class="wikitable" style="width:100%; background:#001D3D; color:#FFFFFF; border:2px solid #FFC300;"
! style="background:#000814; color:#FFD60A;" | Ritual
! style="background:#000814; color:#FFD60A;" | Effects
|-
| '''Prosperity''' || • +25% Income <br> • +20% Birth Rate
|-
| '''Barrier''' || • −25% Damage from Enemy Instant Magic and Thievery Operations
|-
| '''Benediction''' <span style="color:#FFD60A;">'''(New)'''</span> || • +20% Building Efficiency <br> • −20% Draft Costs <br> • −20% Build Costs <br> • −20% Wages
|-
| '''Expropriation''' || • +25% Battle Gains <br> • +25% Specialist Credits Gained in Combat
|-
| '''Fleetfoot''' || • −10% Attack Time <br> • −15% Offensive Military Casualties
|-
| '''Havoc''' || • +25% Offensive WPA <br> • +25% Offensive TPA <br> • +20% Spell Damage <br> • +20% Sabotage Damage
|-
| '''Onslaught''' || • +10% Offensive Military Efficiency <br> • +15% Enemy Military Casualties on Attacks
|-
| '''Stalwart''' || • +5% Defensive Military Efficiency <br> • −20% Raze Damage <br> • −25% Military Casualties
|}

'''Note:''' Expedient has been removed. Benediction is new.

== Races ==

<div style="background: #001D3D; border: 2px solid #FFC300; border-radius: 6px; padding: 2em; margin-top: 2.5em; margin-bottom: 2.5em; font-size: 1.15em; line-height: 2; color: #FFFFFF; box-shadow: 0 3px 12px rgba(0,0,0,0.3);">
Each province in Utopia is defined by its '''Race''' and '''Personality''', which determine unique bonuses, penalties, units, spells, and special abilities. Choose wisely – your combination shapes your entire strategy.
</div>

{| class="wikitable" style="width:100%; color:#000814; padding:0.8em; border:2px solid #FFC300; border-collapse:collapse; font-size:1.05em; box-shadow:0 3px 12px rgba(255,195,0,0.3); border-radius:5px;"

! style="background:#000814; color:#d4a017; padding:0.8em; width:15%;" | Race
! style="background:#000814; color:#d4a017; padding:0.8em; width:24%;" | War Doctrine & Unique Ability
! style="background:#000814; color:#d4a017; padding:0.8em; width:25%;" | Bonuses & Penalties
! style="background:#000814; color:#d4a017; padding:0.8em; width:24%;" | Units
! style="background:#000814; color:#d4a017; padding:0.8em; width:12%;" | Spells

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:Avian.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Avian</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Dive Bomb'''
: Offensive specialists gain +2 offense points (War Only). Does not affect NW.

'''War Doctrine (In War):'''
: Provides up to −10% Attack Time and −12.5% Military Casualties on all attacks to you and all your kingdom.
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- −20% Attack Time
- −25% Training Time
- −25% Military Wage Cost

'''Penalties:'''

- No Access to Stables and War Horses
- −5% BE
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 12/0 (5.0nw)
- Defensive Specialist: 0/10 (5nw)
- Elite Unit: 16/3 (750gc, 7nw)
- Mercenary: 8/0 (0.0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: n/a
| style="padding:1em; vertical-align:top;" |
[[Mystics#Town_Watch|Town Watch]], [[Mystics#Illuminate_Shadows|Illuminate Shadows]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:DarkElf.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Dark Elf</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Mystic Enthusiasts'''
: Successful offensive instant spells refund 40% rune cost.

'''War Doctrine (In War):'''
: Provides up to +12.5% Instant Spell Damage and −12.5% Rune Costs to you and all your kingdom.
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- +35% Instant Spell Damage
- −35% Rune Cost (Not Including Rituals)
- Can train Thieves using Specialist Credits

'''Penalties:'''

- −15% Birth Rates
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 15/0 (6.0nw)
- Defensive Specialist: 0/11 (5.5nw)
- Elite Unit: 4/12 (750gc, 7nw)
- Mercenary: 8/0 (0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: 2/0 (0.6nw)
| style="padding:1em; vertical-align:top;" |
[[Mystics#Blizzard|Blizzard]], [[Mystics#Mage's_Fury|Mage's Fury]], [[Mystics#Illuminate_Shadows|Illuminate Shadows]], [[Mystics#Pitfalls|Pitfalls]], [[Mystics#Mind_Focus|Mind Focus]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:Dwarf.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Dwarf</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Architect's Revenge'''
: Incoming Raze damage reduced by 15% and Raze damage increased by 20%.

'''War Doctrine (In War):'''
: Provides up to −12.5% Construction Costs and +12.5% Income for you and all your kingdom.
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- +30% Building Efficiency
- −50% Construction Time

'''Penalties:'''

- Cannot Accelerate Construction
- +10% Attack Time
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 10/0 (4.0nw)
- Defensive Specialist: 0/10 (5.0nw)
- Elite Unit: 15/5 (800gc, 7nw)
- Mercenary: 8/0 (0.0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: 2/0 (0.6nw)
| style="padding:1em; vertical-align:top;" |
[[Mystics#Miner's_Mystique|Miner's Mystique]], [[Mystics#Town_Watch|Town Watch]], [[Mystics#Reflect_Magic|Reflect Magic]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:Elf.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Elf</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Arcane Surge'''
: Whenever your province's mana drops below 40%, all spells you cast while under that threshold deal +25% spell damage. The boost disappears as soon as your mana climbs back above 40%.

'''War Doctrine (In War):'''
: Provides up to +12.5% Offensive WPA and +12.5% Spell Duration to you and all your kingdom.
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- +40% Magic Effectiveness (WPA)
- +1 Mana Per Tick in War
- +40% Rune Production

'''Penalties:'''

- −20% TPA
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 10/0 (4.0nw)
- Defensive Specialist: 0/13 (6.5nw)
- Elite Unit: 15/4 (750gc, 6.0nw)
- Mercenary: 8/0 (0.0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: 2/0 (0.6nw)
| style="padding:1em; vertical-align:top;" |
[[Mystics#Pitfalls|Pitfalls]], [[Mystics#Wrath|Wrath]], [[Mystics#Vermin|Vermin]], [[Mystics#Sloth|Sloth]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:Faery.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Faery</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Leyline Interference'''
: Enemy spells cast against Faery provinces have a 20% chance to fail.

'''War Doctrine (In War):'''
: Provides up to +12.5% Defensive WPA and −12.5% Damage from Enemy Thievery Operations to you and all your kingdom.
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- +25% Spell Duration
- +20% WPA
- +1 Mana Recovery per Tick

'''Penalties:'''

- −5% Population
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 10/0 (4.0nw)
- Defensive Specialist: 0/10 (5.0nw)
- Elite Unit: 4/16 (1000gc, 8.5nw)
- Mercenary: 8/0 (0.0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: 2/0 (0.6nw)
| style="padding:1em; vertical-align:top;" |
All Racial Spells

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:Halfling.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Halfling</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Silent Assault'''
: Sabotage operations suffer 50% fewer thievery losses.

'''War Doctrine (In War):'''
: Provides up to +12.5% Sabotage Damage and +12.5% Offensive TPA to you and all your kingdom.
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- +10% Population
- +1 Stealth Regeneration Per Tick
- +20% Thievery Effectiveness (TPA)

'''Penalties:'''

- +10% Military Casualties
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 10/0 (4.0nw)
- Defensive Specialist: 0/10 (5.0nw)
- Elite Unit: 6/12 (700gc, 7.5nw)
- Mercenary: 8/0 (0.0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: 2/0 (0.6nw)
| style="padding:1em; vertical-align:top;" |
[[Mystics#Tree_of_Gold|Tree of Gold]], [[Mystics#Greater_Protection|Greater Protection]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:Human.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Human</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Civil Administration'''
: Prisoners generate an additional 2.0gc per tick and Mercenary costs are reduced by 40%.

'''War Doctrine (In War):'''
: Provides up to +12.5% Book Generation and +12.5% Science Effectiveness to you and all your kingdom.
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- All Lands hold Prisoners — 2 per Acre
- +1 Stealth Regeneration Per Tick
- −30% Damage from Learn Attacks
- +10% Science Efficiency

'''Penalties:'''

- Military wage increases take twice as long to fully apply. Wage reductions apply normally.
- +40% Rune Cost (Does not Include Rituals)
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 12/0 (4.8nw)
- Defensive Specialist: 0/10 (5.0nw)
- Elite Unit: 16/3 (750gc, 6.5nw)
- Mercenary: 8/0 (0.0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: 2/0 (0.6nw)
| style="padding:1em; vertical-align:top;" |
[[Mystics#Fountain_of_Knowledge|Fountain of Knowledge]], [[Mystics#Revelation|Revelation]], [[Mystics#Invisibility|Invisibility]], [[Mystics#Guile|Guile]], [[Mystics#Steal_Warhorses|Steal War Horses]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:Orc.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Orc</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Carnage'''
: Every time an Orc makes a successful attack, a random bonus effect is applied to that attack — the spirit of war is unpredictable and wild:
: • Destroy 25% of enemy resources (gold, runes, food)
: • Increases Military Wages by 25% for 4–6 ticks
: • −30% Military Losses

'''War Doctrine (In War):'''
: Provides up to +10% Offensive Military Efficiency and +12.5% Raze Damage to you and all your kingdom.
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- +5% Gains OOW & +15% Gains During War
- −50% Draft Cost

'''Penalties:'''

- −15% DME
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 13/0 (5.2nw)
- Defensive Specialist: 0/10 (5nw)
- Elite Unit: 18/2 (800gc, 7nw)
- Mercenary: 8/0 (0.0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: 2/0 (0.6nw)
| style="padding:1em; vertical-align:top;" |
[[Mystics#Bloodlust|Bloodlust]], [[Mystics#Wrath|Wrath]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:Undead.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Undead</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Death March'''
: Converts 45% of offensive losses into Soldiers instantly.

'''War Doctrine (In War):'''
: Provides up to −12.5% Enemy Battle Gains and +12.5% Increased Plague Spread Chance to you and all your kingdom. (Does not grant the ability to spread Plague.)
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- −45% Military Losses
- Plague Immunity
- Always carries Plague and chance to spread
- No Food Requirement

'''Penalties:'''

- −10% Science Efficiency
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 11/0 (4.4nw)
- Defensive Specialist: 0/10 (5.0nw)
- Elite Unit: 17/4 (800gc, 7nw)
- Mercenary: 8/0 (0.0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: 2/0 (0.6nw)
| style="padding:1em; vertical-align:top;" |
[[Mystics#Animate_Dead|Animate Dead]], [[Mystics#Aggression|Aggression]]

|}

== Personalities ==

{| class="wikitable" style="width:100%; color:#000814; padding:0.8em; border:2px solid #FFC300; border-collapse:collapse; font-size:1.05em; box-shadow:0 3px 12px rgba(255,195,0,0.3); border-radius:5px;"

! style="background:#000814; color:#d4a017; padding:0.8em; width:15%;" | Personality
! style="background:#000814; color:#d4a017; padding:0.8em; width:22%;" | Unique Ability
! style="background:#000814; color:#d4a017; padding:0.8em;" | Bonuses
! style="background:#000814; color:#d4a017; padding:0.8em; width:15%;" | Starting Bonuses
! style="background:#000814; color:#d4a017; padding:0.8em; width:14%;" | Spells

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The Artisan</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Construction Delays'''
: For 3 ticks after a successful attack, the enemy's building efficiency is reduced by 10% (does not stack).
| style="padding:1em; vertical-align:top;" |
* +40% Building Capacity (Homes, Stables, Dungeons)
* +40% Building Production (Banks, Farms, Stables, Towers, Homes)
* Immune to Plunder, Greed and Incite Riots
* +15% Economy Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +600 Soldiers
* +600 Specialist Credits
* +200 Building Credits
| style="padding:1em; vertical-align:top;" |
[[Mystics#Ghost_Workers|Ghost Workers]], [[Mystics#Greater_Protection|Greater Protection]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The General</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: General's Authority'''
: Attacks inflict +15% enemy military casualties when two or more generals are sent.
| style="padding:1em; vertical-align:top;" |
* +1 General
* −20% Training Cost & Speed
* Can train one Elite for every two Specialist Credits
* +15% Military Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +800 Soldiers
* +800 Specialist Credits
| style="padding:1em; vertical-align:top;" |
[[Mystics#Mist|Mist]], [[Mystics#Wrath|Wrath]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The Heretic</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Blasphemous Might'''
: After a failed offensive spell cast, the Heretic recovers 1% Stealth.
| style="padding:1em; vertical-align:top;" |
* +15% TPA
* +15% WPA
* −50% Thief Losses
* +20% Sabotage Damage
* +20% Spell Damage
* +75% Guild Effectiveness
* +15% Arcane Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +400 Wizards
* +400 Thieves
| style="padding:1em; vertical-align:top;" |
[[Mystics#Nightmares|Nightmares]], [[Mystics#Fools_Gold|Fools Gold]], [[Mystics#Mages_Fury|Mage's Fury]], [[Mystics#Vermin|Vermin]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The Mystic</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Focused Channelling'''
: While above 40% mana, spells gain +20% WPA.
| style="padding:1em; vertical-align:top;" |
* +125% Guilds Effectiveness
* +1 Mana Recovery per Tick
* +25% Offensive Spell Duration
* +25% Channeling Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +800 Wizards
| style="padding:1em; vertical-align:top;" |
[[Mystics#Pitfalls|Pitfalls]], [[Mystics#Meteor_Showers|Meteor Showers]], [[Mystics#Chastity|Chastity]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The Necromancer</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Dark Pact'''
: After each successful attack, The Necromancer converts:
: • 10% of the enemy's killed units into Wizards
: • 20% of the enemy's killed units into Soldiers
: • 10% of the enemy's killed units into Peasants
| style="padding:1em; vertical-align:top;" |
* +35% WPA
* +1–10% OME based on RWPA (0.5 rwpa – 5.0 rwpa)
* +25% Channeling Science Efficiency
* −50% Rune Cost (Not Ritual)
| style="padding:1em; vertical-align:top;" |
* +400 Wizards
* +400 Specialist Credits
| style="padding:1em; vertical-align:top;" |
[[Mystics#Animate_Dead|Animate Dead]], [[Mystics#Mind_Focus|Mind Focus]], [[Mystics#Soul_Blight|Soul_Blight]], [[Mystics#Guile|Guile]], [[Mystics#Nightmare|Nightmare]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The Paladin</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Holy Inquisition'''
: Successful Attacks in War or Hostile apply a mini effect:
: • Temporarily suppresses 15% of target's science effectiveness for 6–8 ticks
: • Temporarily reduces Book Generation by 20% for 6–8 ticks
: Effect does not stack, only refreshes.
| style="padding:1em; vertical-align:top;" |
* +2 War Horse Strength (alters NW)
* All lands hold and produce Horses (8 per acre)
* +7.5% Defensive Military Efficiency
* Immune to Plague
* +25% Strategy Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +800 Soldiers
* +800 Specialist Credits
| style="padding:1em; vertical-align:top;" |
[[Mystics#Salvation|Salvation]], [[Mystics#Divine_Shield|Divine Shield]], [[Mystics#Heroes_Inspiration|Heroes' Inspiration]], [[Mystics#Illuminate_Shadows|Illuminate Shadows]], [[Mystics#Wrath|Wrath]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The Rogue</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Shadow Persistence'''
: Rogue provinces may perform thievery operations while overpopulated.
| style="padding:1em; vertical-align:top;" |
* +100% Thieves' Dens Effectiveness
* +20% TPA
* +1 Stealth Recovery per Tick
* Access to All Thievery Operations
* +25% Crime Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +800 Thieves
| style="padding:1em; vertical-align:top;" |
All Thievery Operations

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The Tactician</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Interdiction'''
: Successful Attacks in War destroy resources as follows:
: • 10% of gold
: • 25% of runes
: • 20% of food
| style="padding:1em; vertical-align:top;" |
* −15% Attack Time
* +40% Specialist Credits Gains
* +25% Land gained when Ambushing
* No Thieves lost on Intel
* Enhanced Conquest: Requires only 51% Defence to succeed; only available in War; Base Gains up to 11% max; minimum gains are 3.4% of land when targeting provinces with >130% rNW
* +25% Siege Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +800 Soldiers
* +800 Specialist Credits
| style="padding:1em; vertical-align:top;" |
[[Mystics#Clearsight|Clearsight]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The Warrior</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Battle Cry'''
: Upon successful attack, the attack will destroy 1% of the entire population.
| style="padding:1em; vertical-align:top;" |
* +15% Offensive Military Efficiency
* +5 Mercenary & Prisoner Strength
* Mercenaries and Prisoners may be sent at 1 for every 4 normal troops sent
* −50% Mercenary Cost
* +25% Tactics Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +800 Soldiers
* +800 Specialist Credits
| style="padding:1em; vertical-align:top;" |
No Spells

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The War Hero</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Heroes' Culling'''
: Successful Massacres kill +7% additional peasants and kill an additional 2.5% thieves and wizards.
| style="padding:1em; vertical-align:top;" |
* +15% Honor Gains
* +70% Honor Effects
* Offensive specialist gets +2 strength (Affects NW)
* +25% Siege Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +800 Soldiers
* +800 Specialist Credits
| style="padding:1em; vertical-align:top;" |
[[Mystics#Quick_Feet|Quick Feet]], [[Mystics#Righteous_Aggressor|Righteous Aggressor]], [[Mystics#Paladins_Inspiration|Paladin's Inspiration]]

|}

Age 115

2026-04-28T02:17:30Z

Sonja says: /* Age 115 – Final Changes */

= Age 115 – Final Changes =

<div style="text-align:center; padding:1em; background:linear-gradient(180deg, #001D3D 0%, #000814 100%); border:2px solid #FFC300; border-radius:8px; margin-bottom:1.5em;">
<span style="color:#FFFFFF; font-size:1.3em;">'''Quick Navigation:''' [[#Age_Schedule|Age Schedule]] • [[#War_Doctrines|War Doctrines]] • [[#Buildings|Buildings]] • [[#Science|Science]] • [[#Relations|Relations]] • [[#Dragons|Dragons]] • [[#Rituals|Rituals]] • [[#Races|Races]] • [[#Personalities|Personalities]]</span>
</div>

== Age Schedule ==

{| class="wikitable" style="width:100%; background:#001D3D; color:#FFFFFF; border:2px solid #FFC300;"
|-
| '''WoL Age 115 Open:''' || TBC
|-
| '''WoL Age 115 Start:''' || 28 April 2026 18:00 UTC
|-
| '''WoL Age 115 End:''' || TBC
|}

== War Doctrines ==

Each race contributes a '''War Doctrine''' that applies kingdom-wide during War. The first province of a race provides a stronger initial bonus, with each additional province contributing a progressively smaller amount.

{| class="wikitable" style="width:60%; background:#001D3D; color:#FFFFFF; border:2px solid #FFC300;"
|-
! style="background:#000814; color:#FFD60A;" | Province Count
! style="background:#000814; color:#FFD60A;" | Doctrine Bonus
|-
| 1st Province || +2.0%
|-
| Each additional Province || +1.5%
|-
| '''Maximum Cap''' || '''10 or 12.5%'''
|}

This rewards early commitment to a race while still allowing deeper specialisation. No War Doctrine may exceed 12.5% total effect.

'''Example:''' If your kingdom has 5 Elf provinces, your kingdom would receive a combined doctrine bonus based on the scaled contributions of each province, reaching toward the maximum cap during war — granting up to +12.5% Offensive WPA and +12.5% Spell Duration during war.

== Buildings ==

- Castles base percent shifted from 2.25% to 2%

== Science ==

- Resilience Multiplier shifted to 0.04401 from 0.0489<p>
- Artisan Multiplier shifted to 0.04302 from 0.0478<p>
- Finesse Multiplier shifted to 0.08685 from 0.0965

== Relations ==

'''Defensive Force Ceasefire (DFCF)''' reintroduced with the following changes:

DFCF becomes available when all of the following are met:

- The kingdom is 45 points (in-range) or 30 points (out-of-range) below the aggressor on the hostility meter
- The aggressor has not been given Hostile status
- No attacks have been made against the aggressor for 3 ticks
- The kingdom is lower in both Land and Networth than the aggressor

Additional DFCF rules:

- DFCF will incur a penalty if within War Range of the aggressor (15% NW or Land)
- Penalty will be a loss of 2.5% Honor and 2.5% Science
- There is no penalty incurred for DFCF if out of War Range of the aggressor
- Penalty will have a warning popup, as to not be done accidentally
- DFCF duration will be for 48 hours before it can be cancelled by either kingdom

'''Hostile meter''' will now decay after 48 hours of going hostile, decay rate will ramp with meter points.

== Dragons ==

Dragons return not as spectacle, but as pressure. They disrupt economies, drain resolve, and force hard choices until they are answered.

'''Note:''' The Celestite Dragon has been removed in Age 115. Dragon HP has been reduced by 2% across all dragons.

{| class="wikitable" style="width:100%; background:#001D3D; color:#FFFFFF; border:2px solid #FFC300;"
! style="background:#000814; color:#FFD60A;" | Dragon
! style="background:#000814; color:#FFD60A;" | Effects
|-
| '''Amethyst''' || • −30% Spell Success Chance <br> • −30% Thievery Success Chance on sabotage operations <br> • All active self-spells are removed instantly upon arrival <br> • Every 6 ticks thereafter, provinces suffer 2% wizard losses, 2% thief losses
|-
| '''Emerald''' || • +25% Military Casualties <br> • −25% Combat Gains <br> • Destroys 0.5% of troops at home instantly upon arrival <br> • Every 6 ticks thereafter, 1.5% of troops at home are lost and current Building and Specialist Credits are reduced by 40%
|-
| '''Ruby''' || • −12.5% Military Effectiveness <br> • +20% Military Wages <br> • Destroys 1.5% of offensive specialists instantly <br> • Every 6 ticks thereafter, 2.5% of offensive specialists at home desert
|-
| '''Topaz''' || • −30% Building Efficiency <br> • −25% Income <br> • Destroys 10% of buildings instantly upon arrival <br> • Every 6 ticks thereafter, destroys 5% of buildings and 20% of current gold
|-
| '''Sapphire''' || • −35% WPA and TPA <br> • −1 Mana Recovery <br> • −1 Stealth Recovery <br> • +12.5% Instant Spell and Sabotage Damage taken and −12.5% Instant Spell and Sabotage Damage dealt <br> • Every 6 ticks thereafter, destroys 25% of current rune supplies
|}

== Rituals ==

{| class="wikitable" style="width:100%; background:#001D3D; color:#FFFFFF; border:2px solid #FFC300;"
! style="background:#000814; color:#FFD60A;" | Ritual
! style="background:#000814; color:#FFD60A;" | Effects
|-
| '''Prosperity''' || • +25% Income <br> • +20% Birth Rate
|-
| '''Barrier''' || • −25% Damage from Enemy Instant Magic and Thievery Operations
|-
| '''Benediction''' <span style="color:#FFD60A;">'''(New)'''</span> || • +20% Building Efficiency <br> • −20% Draft Costs <br> • −20% Build Costs <br> • −20% Wages
|-
| '''Expropriation''' || • +25% Battle Gains <br> • +25% Specialist Credits Gained in Combat
|-
| '''Fleetfoot''' || • −10% Attack Time <br> • −15% Offensive Military Casualties
|-
| '''Havoc''' || • +25% Offensive WPA <br> • +25% Offensive TPA <br> • +20% Spell Damage <br> • +20% Sabotage Damage
|-
| '''Onslaught''' || • +10% Offensive Military Efficiency <br> • +15% Enemy Military Casualties on Attacks
|-
| '''Stalwart''' || • +5% Defensive Military Efficiency <br> • −20% Raze Damage <br> • −25% Military Casualties
|}

'''Note:''' Expedient has been removed. Benediction is new.

== Races ==

<div style="background: #001D3D; border: 2px solid #FFC300; border-radius: 6px; padding: 2em; margin-top: 2.5em; margin-bottom: 2.5em; font-size: 1.15em; line-height: 2; color: #FFFFFF; box-shadow: 0 3px 12px rgba(0,0,0,0.3);">
Each province in Utopia is defined by its '''Race''' and '''Personality''', which determine unique bonuses, penalties, units, spells, and special abilities. Choose wisely – your combination shapes your entire strategy.
</div>

{| class="wikitable" style="width:100%; color:#000814; padding:0.8em; border:2px solid #FFC300; border-collapse:collapse; font-size:1.05em; box-shadow:0 3px 12px rgba(255,195,0,0.3); border-radius:5px;"

! style="background:#000814; color:#d4a017; padding:0.8em; width:15%;" | Race
! style="background:#000814; color:#d4a017; padding:0.8em; width:24%;" | War Doctrine & Unique Ability
! style="background:#000814; color:#d4a017; padding:0.8em; width:25%;" | Bonuses & Penalties
! style="background:#000814; color:#d4a017; padding:0.8em; width:24%;" | Units
! style="background:#000814; color:#d4a017; padding:0.8em; width:12%;" | Spells

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:Avian.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Avian</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Dive Bomb'''
: Offensive specialists gain +2 offense points (War Only). Does not affect NW.

'''War Doctrine (In War):'''
: Provides up to −10% Attack Time and −12.5% Military Casualties on all attacks to you and all your kingdom.
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- −20% Attack Time
- −25% Training Time
- −25% Military Wage Cost

'''Penalties:'''

- No Access to Stables and War Horses
- −5% BE
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 12/0 (5.0nw)
- Defensive Specialist: 0/10 (5nw)
- Elite Unit: 16/3 (750gc, 7nw)
- Mercenary: 8/0 (0.0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: n/a
| style="padding:1em; vertical-align:top;" |
[[Mystics#Town_Watch|Town Watch]], [[Mystics#Illuminate_Shadows|Illuminate Shadows]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:DarkElf.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Dark Elf</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Mystic Enthusiasts'''
: Successful offensive instant spells refund 40% rune cost.

'''War Doctrine (In War):'''
: Provides up to +12.5% Instant Spell Damage and −12.5% Rune Costs to you and all your kingdom.
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- +35% Instant Spell Damage
- −35% Rune Cost (Not Including Rituals)
- Can train Thieves using Specialist Credits

'''Penalties:'''

- −15% Birth Rates
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 15/0 (6.0nw)
- Defensive Specialist: 0/11 (5.5nw)
- Elite Unit: 4/12 (750gc, 7nw)
- Mercenary: 8/0 (0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: 2/0 (0.6nw)
| style="padding:1em; vertical-align:top;" |
[[Mystics#Blizzard|Blizzard]], [[Mystics#Mage's_Fury|Mage's Fury]], [[Mystics#Illuminate_Shadows|Illuminate Shadows]], [[Mystics#Pitfalls|Pitfalls]], [[Mystics#Mind_Focus|Mind Focus]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:Dwarf.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Dwarf</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Architect's Revenge'''
: Incoming Raze damage reduced by 15% and Raze damage increased by 20%.

'''War Doctrine (In War):'''
: Provides up to −12.5% Construction Costs and +12.5% Income for you and all your kingdom.
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- +30% Building Efficiency
- −50% Construction Time

'''Penalties:'''

- Cannot Accelerate Construction
- +10% Attack Time
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 10/0 (4.0nw)
- Defensive Specialist: 0/10 (5.0nw)
- Elite Unit: 15/5 (800gc, 7nw)
- Mercenary: 8/0 (0.0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: 2/0 (0.6nw)
| style="padding:1em; vertical-align:top;" |
[[Mystics#Miner's_Mystique|Miner's Mystique]], [[Mystics#Town_Watch|Town Watch]], [[Mystics#Reflect_Magic|Reflect Magic]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:Elf.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Elf</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Arcane Surge'''
: Whenever your province's mana drops below 40%, all spells you cast while under that threshold deal +25% spell damage. The boost disappears as soon as your mana climbs back above 40%.

'''War Doctrine (In War):'''
: Provides up to +12.5% Offensive WPA and +12.5% Spell Duration to you and all your kingdom.
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- +40% Magic Effectiveness (WPA)
- +1 Mana Per Tick in War
- +40% Rune Production

'''Penalties:'''

- −20% TPA
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 10/0 (4.0nw)
- Defensive Specialist: 0/13 (6.5nw)
- Elite Unit: 15/4 (750gc, 6.0nw)
- Mercenary: 8/0 (0.0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: 2/0 (0.6nw)
| style="padding:1em; vertical-align:top;" |
[[Mystics#Pitfalls|Pitfalls]], [[Mystics#Wrath|Wrath]], [[Mystics#Vermin|Vermin]], [[Mystics#Sloth|Sloth]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:Faery.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Faery</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Leyline Interference'''
: Enemy spells cast against Faery provinces have a 20% chance to fail.

'''War Doctrine (In War):'''
: Provides up to +12.5% Defensive WPA and −12.5% Damage from Enemy Thievery Operations to you and all your kingdom.
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- +25% Spell Duration
- +20% WPA
- +1 Mana Recovery per Tick

'''Penalties:'''

- −5% Population
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 10/0 (4.0nw)
- Defensive Specialist: 0/10 (5.0nw)
- Elite Unit: 4/16 (1000gc, 8.5nw)
- Mercenary: 8/0 (0.0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: 2/0 (0.6nw)
| style="padding:1em; vertical-align:top;" |
All Racial Spells

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:Halfling.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Halfling</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Silent Assault'''
: Sabotage operations suffer 50% fewer thievery losses.

'''War Doctrine (In War):'''
: Provides up to +12.5% Sabotage Damage and +12.5% Offensive TPA to you and all your kingdom.
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- +10% Population
- +1 Stealth Regeneration Per Tick
- +20% Thievery Effectiveness (TPA)

'''Penalties:'''

- +10% Military Casualties
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 10/0 (4.0nw)
- Defensive Specialist: 0/10 (5.0nw)
- Elite Unit: 6/12 (700gc, 7.5nw)
- Mercenary: 8/0 (0.0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: 2/0 (0.6nw)
| style="padding:1em; vertical-align:top;" |
[[Mystics#Tree_of_Gold|Tree of Gold]], [[Mystics#Greater_Protection|Greater Protection]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:Human.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Human</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Civil Administration'''
: Prisoners generate an additional 2.0gc per tick and Mercenary costs are reduced by 40%.

'''War Doctrine (In War):'''
: Provides up to +12.5% Book Generation and +12.5% Science Effectiveness to you and all your kingdom.
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- All Lands hold Prisoners — 2 per Acre
- +1 Stealth Regeneration Per Tick
- −30% Damage from Learn Attacks
- +10% Science Efficiency

'''Penalties:'''

- Military wage increases take twice as long to fully apply. Wage reductions apply normally.
- +40% Rune Cost (Does not Include Rituals)
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 12/0 (4.8nw)
- Defensive Specialist: 0/10 (5.0nw)
- Elite Unit: 16/3 (750gc, 6.5nw)
- Mercenary: 8/0 (0.0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: 2/0 (0.6nw)
| style="padding:1em; vertical-align:top;" |
[[Mystics#Fountain_of_Knowledge|Fountain of Knowledge]], [[Mystics#Revelation|Revelation]], [[Mystics#Invisibility|Invisibility]], [[Mystics#Guile|Guile]], [[Mystics#Steal_Warhorses|Steal War Horses]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:Orc.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Orc</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Carnage'''
: Every time an Orc makes a successful attack, a random bonus effect is applied to that attack — the spirit of war is unpredictable and wild:
: • Destroy 25% of enemy resources (gold, runes, food)
: • Increases Military Wages by 25% for 4–6 ticks
: • −30% Military Losses

'''War Doctrine (In War):'''
: Provides up to +10% Offensive Military Efficiency and +12.5% Raze Damage to you and all your kingdom.
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- +5% Gains OOW & +15% Gains During War
- −50% Draft Cost

'''Penalties:'''

- −15% DME
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 13/0 (5.2nw)
- Defensive Specialist: 0/10 (5nw)
- Elite Unit: 18/2 (800gc, 7nw)
- Mercenary: 8/0 (0.0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: 2/0 (0.6nw)
| style="padding:1em; vertical-align:top;" |
[[Mystics#Bloodlust|Bloodlust]], [[Mystics#Wrath|Wrath]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:Undead.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Undead</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Death March'''
: Converts 45% of offensive losses into Soldiers instantly.

'''War Doctrine (In War):'''
: Provides up to −12.5% Enemy Battle Gains and +12.5% Increased Plague Spread Chance to you and all your kingdom. (Does not grant the ability to spread Plague.)
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- −45% Military Losses
- Plague Immunity
- Always carries Plague and chance to spread
- No Food Requirement

'''Penalties:'''

- −10% Science Efficiency
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 11/0 (4.4nw)
- Defensive Specialist: 0/10 (5.0nw)
- Elite Unit: 17/4 (800gc, 7nw)
- Mercenary: 8/0 (0.0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: 2/0 (0.6nw)
| style="padding:1em; vertical-align:top;" |
[[Mystics#Animate_Dead|Animate Dead]], [[Mystics#Aggression|Aggression]]

|}

== Personalities ==

{| class="wikitable" style="width:100%; color:#000814; padding:0.8em; border:2px solid #FFC300; border-collapse:collapse; font-size:1.05em; box-shadow:0 3px 12px rgba(255,195,0,0.3); border-radius:5px;"

! style="background:#000814; color:#d4a017; padding:0.8em; width:15%;" | Personality
! style="background:#000814; color:#d4a017; padding:0.8em; width:22%;" | Unique Ability
! style="background:#000814; color:#d4a017; padding:0.8em;" | Bonuses
! style="background:#000814; color:#d4a017; padding:0.8em; width:15%;" | Starting Bonuses
! style="background:#000814; color:#d4a017; padding:0.8em; width:14%;" | Spells

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The Artisan</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Construction Delays'''
: For 3 ticks after a successful attack, the enemy's building efficiency is reduced by 10% (does not stack).
| style="padding:1em; vertical-align:top;" |
* +40% Building Capacity (Homes, Stables, Dungeons)
* +40% Building Production (Banks, Farms, Stables, Towers, Homes)
* Immune to Plunder, Greed and Incite Riots
* +15% Economy Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +600 Soldiers
* +600 Specialist Credits
* +200 Building Credits
| style="padding:1em; vertical-align:top;" |
[[Mystics#Ghost_Workers|Ghost Workers]], [[Mystics#Greater_Protection|Greater Protection]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The General</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: General's Authority'''
: Attacks inflict +15% enemy military casualties when two or more generals are sent.
| style="padding:1em; vertical-align:top;" |
* +1 General
* −20% Training Cost & Speed
* Can train one Elite for every two Specialist Credits
* +15% Military Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +800 Soldiers
* +800 Specialist Credits
| style="padding:1em; vertical-align:top;" |
[[Mystics#Mist|Mist]], [[Mystics#Wrath|Wrath]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The Heretic</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Blasphemous Might'''
: After a failed offensive spell cast, the Heretic recovers 1% Stealth.
| style="padding:1em; vertical-align:top;" |
* +15% TPA
* +15% WPA
* −50% Thief Losses
* +20% Sabotage Damage
* +20% Spell Damage
* +75% Guild Effectiveness
* +15% Arcane Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +400 Wizards
* +400 Thieves
| style="padding:1em; vertical-align:top;" |
[[Mystics#Nightmares|Nightmares]], [[Mystics#Fools_Gold|Fools Gold]], [[Mystics#Mages_Fury|Mage's Fury]], [[Mystics#Vermin|Vermin]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The Mystic</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Focused Channelling'''
: While above 40% mana, spells gain +20% WPA.
| style="padding:1em; vertical-align:top;" |
* +125% Guilds Effectiveness
* +1 Mana Recovery per Tick
* +25% Offensive Spell Duration
* +25% Channeling Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +800 Wizards
| style="padding:1em; vertical-align:top;" |
[[Mystics#Pitfalls|Pitfalls]], [[Mystics#Meteor_Showers|Meteor Showers]], [[Mystics#Chastity|Chastity]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The Necromancer</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Dark Pact'''
: After each successful attack, The Necromancer converts:
: • 10% of the enemy's killed units into Wizards
: • 20% of the enemy's killed units into Soldiers
: • 10% of the enemy's killed units into Peasants
| style="padding:1em; vertical-align:top;" |
* +35% WPA
* +1–10% OME based on RWPA (0.5 rwpa – 5.0 rwpa)
* +25% Channeling Science Efficiency
* −50% Rune Cost (Not Ritual)
| style="padding:1em; vertical-align:top;" |
* +400 Wizards
* +400 Specialist Credits
| style="padding:1em; vertical-align:top;" |
[[Mystics#Animate_Dead|Animate Dead]], [[Mystics#Mind_Focus|Mind Focus]], [[Mystics#Soul_Blight|Soul_Blight]], [[Mystics#Guile|Guile]], [[Mystics#Nightmare|Nightmare]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The Paladin</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Holy Inquisition'''
: Successful Attacks in War or Hostile apply a mini effect:
: • Temporarily suppresses 15% of target's science effectiveness for 6–8 ticks
: • Temporarily reduces Book Generation by 20% for 6–8 ticks
: Effect does not stack, only refreshes.
| style="padding:1em; vertical-align:top;" |
* +2 War Horse Strength (alters NW)
* All lands hold and produce Horses (8 per acre)
* +7.5% Defensive Military Efficiency
* Immune to Plague
* +25% Strategy Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +800 Soldiers
* +800 Specialist Credits
| style="padding:1em; vertical-align:top;" |
[[Mystics#Salvation|Salvation]], [[Mystics#Divine_Shield|Divine Shield]], [[Mystics#Heroes_Inspiration|Heroes' Inspiration]], [[Mystics#Illuminate_Shadows|Illuminate Shadows]], [[Mystics#Wrath|Wrath]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The Rogue</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Shadow Persistence'''
: Rogue provinces may perform thievery operations while overpopulated.
| style="padding:1em; vertical-align:top;" |
* +100% Thieves' Dens Effectiveness
* +20% TPA
* +1 Stealth Recovery per Tick
* Access to All Thievery Operations
* +25% Crime Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +800 Thieves
| style="padding:1em; vertical-align:top;" |
All Thievery Operations

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The Tactician</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Interdiction'''
: Successful Attacks in War destroy resources as follows:
: • 10% of gold
: • 25% of runes
: • 20% of food
| style="padding:1em; vertical-align:top;" |
* −15% Attack Time
* +40% Specialist Credits Gains
* +25% Land gained when Ambushing
* No Thieves lost on Intel
* Enhanced Conquest: Requires only 51% Defence to succeed; only available in War; Base Gains up to 11% max; minimum gains are 3.4% of land when targeting provinces with >130% rNW
* +25% Siege Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +800 Soldiers
* +800 Specialist Credits
| style="padding:1em; vertical-align:top;" |
[[Mystics#Clearsight|Clearsight]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The Warrior</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Battle Cry'''
: Upon successful attack, the attack will destroy 1% of the entire population.
| style="padding:1em; vertical-align:top;" |
* +15% Offensive Military Efficiency
* +5 Mercenary & Prisoner Strength
* Mercenaries and Prisoners may be sent at 1 for every 4 normal troops sent
* −50% Mercenary Cost
* +25% Tactics Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +800 Soldiers
* +800 Specialist Credits
| style="padding:1em; vertical-align:top;" |
No Spells

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The War Hero</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Heroes' Culling'''
: Successful Massacres kill +7% additional peasants and kill an additional 2.5% thieves and wizards.
| style="padding:1em; vertical-align:top;" |
* +15% Honor Gains
* +70% Honor Effects
* Offensive specialist gets +2 strength (Affects NW)
* +25% Siege Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +800 Soldiers
* +800 Specialist Credits
| style="padding:1em; vertical-align:top;" |
[[Mystics#Quick_Feet|Quick Feet]], [[Mystics#Righteous_Aggressor|Righteous Aggressor]], [[Mystics#Paladins_Inspiration|Paladin's Inspiration]]

|}

Age 115

2026-04-28T02:16:30Z

Sonja says: /* Science */

= Age 115 – Final Changes =

<div style="text-align:center; padding:1em; background:linear-gradient(180deg, #001D3D 0%, #000814 100%); border:2px solid #FFC300; border-radius:8px; margin-bottom:1.5em;">
<span style="color:#FFFFFF; font-size:1.3em;">'''Quick Navigation:''' [[#Age_Schedule|Age Schedule]] • [[#War_Doctrines|War Doctrines]] • [[#Core_Mechanics|Core Mechanics]] • [[#Attacks|Attacks]] • [[#Buildings|Buildings]] • [[#Science|Science]] • [[#Relations|Relations]] • [[#Dragons|Dragons]] • [[#Rituals|Rituals]] • [[#Races|Races]] • [[#Personalities|Personalities]]</span>
</div>

== Age Schedule ==

{| class="wikitable" style="width:100%; background:#001D3D; color:#FFFFFF; border:2px solid #FFC300;"
|-
| '''WoL Age 115 Open:''' || TBC
|-
| '''WoL Age 115 Start:''' || 28 April 2026 18:00 UTC
|-
| '''WoL Age 115 End:''' || TBC
|}

== War Doctrines ==

Each race contributes a '''War Doctrine''' that applies kingdom-wide during War. The first province of a race provides a stronger initial bonus, with each additional province contributing a progressively smaller amount.

{| class="wikitable" style="width:60%; background:#001D3D; color:#FFFFFF; border:2px solid #FFC300;"
|-
! style="background:#000814; color:#FFD60A;" | Province Count
! style="background:#000814; color:#FFD60A;" | Doctrine Bonus
|-
| 1st Province || +2.0%
|-
| Each additional Province || +1.5%
|-
| '''Maximum Cap''' || '''10 or 12.5%'''
|}

This rewards early commitment to a race while still allowing deeper specialisation. No War Doctrine may exceed 12.5% total effect.

'''Example:''' If your kingdom has 5 Elf provinces, your kingdom would receive a combined doctrine bonus based on the scaled contributions of each province, reaching toward the maximum cap during war — granting up to +12.5% Offensive WPA and +12.5% Spell Duration during war.

== Buildings ==

- Castles base percent shifted from 2.25% to 2%

== Science ==

- Resilience Multiplier shifted to 0.04401 from 0.0489<p>
- Artisan Multiplier shifted to 0.04302 from 0.0478<p>
- Finesse Multiplier shifted to 0.08685 from 0.0965

== Relations ==

'''Defensive Force Ceasefire (DFCF)''' reintroduced with the following changes:

DFCF becomes available when all of the following are met:

- The kingdom is 45 points (in-range) or 30 points (out-of-range) below the aggressor on the hostility meter
- The aggressor has not been given Hostile status
- No attacks have been made against the aggressor for 3 ticks
- The kingdom is lower in both Land and Networth than the aggressor

Additional DFCF rules:

- DFCF will incur a penalty if within War Range of the aggressor (15% NW or Land)
- Penalty will be a loss of 2.5% Honor and 2.5% Science
- There is no penalty incurred for DFCF if out of War Range of the aggressor
- Penalty will have a warning popup, as to not be done accidentally
- DFCF duration will be for 48 hours before it can be cancelled by either kingdom

'''Hostile meter''' will now decay after 48 hours of going hostile, decay rate will ramp with meter points.

== Dragons ==

Dragons return not as spectacle, but as pressure. They disrupt economies, drain resolve, and force hard choices until they are answered.

'''Note:''' The Celestite Dragon has been removed in Age 115. Dragon HP has been reduced by 2% across all dragons.

{| class="wikitable" style="width:100%; background:#001D3D; color:#FFFFFF; border:2px solid #FFC300;"
! style="background:#000814; color:#FFD60A;" | Dragon
! style="background:#000814; color:#FFD60A;" | Effects
|-
| '''Amethyst''' || • −30% Spell Success Chance <br> • −30% Thievery Success Chance on sabotage operations <br> • All active self-spells are removed instantly upon arrival <br> • Every 6 ticks thereafter, provinces suffer 2% wizard losses, 2% thief losses
|-
| '''Emerald''' || • +25% Military Casualties <br> • −25% Combat Gains <br> • Destroys 0.5% of troops at home instantly upon arrival <br> • Every 6 ticks thereafter, 1.5% of troops at home are lost and current Building and Specialist Credits are reduced by 40%
|-
| '''Ruby''' || • −12.5% Military Effectiveness <br> • +20% Military Wages <br> • Destroys 1.5% of offensive specialists instantly <br> • Every 6 ticks thereafter, 2.5% of offensive specialists at home desert
|-
| '''Topaz''' || • −30% Building Efficiency <br> • −25% Income <br> • Destroys 10% of buildings instantly upon arrival <br> • Every 6 ticks thereafter, destroys 5% of buildings and 20% of current gold
|-
| '''Sapphire''' || • −35% WPA and TPA <br> • −1 Mana Recovery <br> • −1 Stealth Recovery <br> • +12.5% Instant Spell and Sabotage Damage taken and −12.5% Instant Spell and Sabotage Damage dealt <br> • Every 6 ticks thereafter, destroys 25% of current rune supplies
|}

== Rituals ==

{| class="wikitable" style="width:100%; background:#001D3D; color:#FFFFFF; border:2px solid #FFC300;"
! style="background:#000814; color:#FFD60A;" | Ritual
! style="background:#000814; color:#FFD60A;" | Effects
|-
| '''Prosperity''' || • +25% Income <br> • +20% Birth Rate
|-
| '''Barrier''' || • −25% Damage from Enemy Instant Magic and Thievery Operations
|-
| '''Benediction''' <span style="color:#FFD60A;">'''(New)'''</span> || • +20% Building Efficiency <br> • −20% Draft Costs <br> • −20% Build Costs <br> • −20% Wages
|-
| '''Expropriation''' || • +25% Battle Gains <br> • +25% Specialist Credits Gained in Combat
|-
| '''Fleetfoot''' || • −10% Attack Time <br> • −15% Offensive Military Casualties
|-
| '''Havoc''' || • +25% Offensive WPA <br> • +25% Offensive TPA <br> • +20% Spell Damage <br> • +20% Sabotage Damage
|-
| '''Onslaught''' || • +10% Offensive Military Efficiency <br> • +15% Enemy Military Casualties on Attacks
|-
| '''Stalwart''' || • +5% Defensive Military Efficiency <br> • −20% Raze Damage <br> • −25% Military Casualties
|}

'''Note:''' Expedient has been removed. Benediction is new.

== Races ==

<div style="background: #001D3D; border: 2px solid #FFC300; border-radius: 6px; padding: 2em; margin-top: 2.5em; margin-bottom: 2.5em; font-size: 1.15em; line-height: 2; color: #FFFFFF; box-shadow: 0 3px 12px rgba(0,0,0,0.3);">
Each province in Utopia is defined by its '''Race''' and '''Personality''', which determine unique bonuses, penalties, units, spells, and special abilities. Choose wisely – your combination shapes your entire strategy.
</div>

{| class="wikitable" style="width:100%; color:#000814; padding:0.8em; border:2px solid #FFC300; border-collapse:collapse; font-size:1.05em; box-shadow:0 3px 12px rgba(255,195,0,0.3); border-radius:5px;"

! style="background:#000814; color:#d4a017; padding:0.8em; width:15%;" | Race
! style="background:#000814; color:#d4a017; padding:0.8em; width:24%;" | War Doctrine & Unique Ability
! style="background:#000814; color:#d4a017; padding:0.8em; width:25%;" | Bonuses & Penalties
! style="background:#000814; color:#d4a017; padding:0.8em; width:24%;" | Units
! style="background:#000814; color:#d4a017; padding:0.8em; width:12%;" | Spells

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:Avian.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Avian</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Dive Bomb'''
: Offensive specialists gain +2 offense points (War Only). Does not affect NW.

'''War Doctrine (In War):'''
: Provides up to −10% Attack Time and −12.5% Military Casualties on all attacks to you and all your kingdom.
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- −20% Attack Time
- −25% Training Time
- −25% Military Wage Cost

'''Penalties:'''

- No Access to Stables and War Horses
- −5% BE
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 12/0 (5.0nw)
- Defensive Specialist: 0/10 (5nw)
- Elite Unit: 16/3 (750gc, 7nw)
- Mercenary: 8/0 (0.0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: n/a
| style="padding:1em; vertical-align:top;" |
[[Mystics#Town_Watch|Town Watch]], [[Mystics#Illuminate_Shadows|Illuminate Shadows]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:DarkElf.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Dark Elf</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Mystic Enthusiasts'''
: Successful offensive instant spells refund 40% rune cost.

'''War Doctrine (In War):'''
: Provides up to +12.5% Instant Spell Damage and −12.5% Rune Costs to you and all your kingdom.
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- +35% Instant Spell Damage
- −35% Rune Cost (Not Including Rituals)
- Can train Thieves using Specialist Credits

'''Penalties:'''

- −15% Birth Rates
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 15/0 (6.0nw)
- Defensive Specialist: 0/11 (5.5nw)
- Elite Unit: 4/12 (750gc, 7nw)
- Mercenary: 8/0 (0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: 2/0 (0.6nw)
| style="padding:1em; vertical-align:top;" |
[[Mystics#Blizzard|Blizzard]], [[Mystics#Mage's_Fury|Mage's Fury]], [[Mystics#Illuminate_Shadows|Illuminate Shadows]], [[Mystics#Pitfalls|Pitfalls]], [[Mystics#Mind_Focus|Mind Focus]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:Dwarf.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Dwarf</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Architect's Revenge'''
: Incoming Raze damage reduced by 15% and Raze damage increased by 20%.

'''War Doctrine (In War):'''
: Provides up to −12.5% Construction Costs and +12.5% Income for you and all your kingdom.
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- +30% Building Efficiency
- −50% Construction Time

'''Penalties:'''

- Cannot Accelerate Construction
- +10% Attack Time
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 10/0 (4.0nw)
- Defensive Specialist: 0/10 (5.0nw)
- Elite Unit: 15/5 (800gc, 7nw)
- Mercenary: 8/0 (0.0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: 2/0 (0.6nw)
| style="padding:1em; vertical-align:top;" |
[[Mystics#Miner's_Mystique|Miner's Mystique]], [[Mystics#Town_Watch|Town Watch]], [[Mystics#Reflect_Magic|Reflect Magic]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:Elf.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Elf</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Arcane Surge'''
: Whenever your province's mana drops below 40%, all spells you cast while under that threshold deal +25% spell damage. The boost disappears as soon as your mana climbs back above 40%.

'''War Doctrine (In War):'''
: Provides up to +12.5% Offensive WPA and +12.5% Spell Duration to you and all your kingdom.
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- +40% Magic Effectiveness (WPA)
- +1 Mana Per Tick in War
- +40% Rune Production

'''Penalties:'''

- −20% TPA
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 10/0 (4.0nw)
- Defensive Specialist: 0/13 (6.5nw)
- Elite Unit: 15/4 (750gc, 6.0nw)
- Mercenary: 8/0 (0.0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: 2/0 (0.6nw)
| style="padding:1em; vertical-align:top;" |
[[Mystics#Pitfalls|Pitfalls]], [[Mystics#Wrath|Wrath]], [[Mystics#Vermin|Vermin]], [[Mystics#Sloth|Sloth]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:Faery.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Faery</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Leyline Interference'''
: Enemy spells cast against Faery provinces have a 20% chance to fail.

'''War Doctrine (In War):'''
: Provides up to +12.5% Defensive WPA and −12.5% Damage from Enemy Thievery Operations to you and all your kingdom.
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- +25% Spell Duration
- +20% WPA
- +1 Mana Recovery per Tick

'''Penalties:'''

- −5% Population
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 10/0 (4.0nw)
- Defensive Specialist: 0/10 (5.0nw)
- Elite Unit: 4/16 (1000gc, 8.5nw)
- Mercenary: 8/0 (0.0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: 2/0 (0.6nw)
| style="padding:1em; vertical-align:top;" |
All Racial Spells

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:Halfling.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Halfling</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Silent Assault'''
: Sabotage operations suffer 50% fewer thievery losses.

'''War Doctrine (In War):'''
: Provides up to +12.5% Sabotage Damage and +12.5% Offensive TPA to you and all your kingdom.
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- +10% Population
- +1 Stealth Regeneration Per Tick
- +20% Thievery Effectiveness (TPA)

'''Penalties:'''

- +10% Military Casualties
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 10/0 (4.0nw)
- Defensive Specialist: 0/10 (5.0nw)
- Elite Unit: 6/12 (700gc, 7.5nw)
- Mercenary: 8/0 (0.0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: 2/0 (0.6nw)
| style="padding:1em; vertical-align:top;" |
[[Mystics#Tree_of_Gold|Tree of Gold]], [[Mystics#Greater_Protection|Greater Protection]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:Human.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Human</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Civil Administration'''
: Prisoners generate an additional 2.0gc per tick and Mercenary costs are reduced by 40%.

'''War Doctrine (In War):'''
: Provides up to +12.5% Book Generation and +12.5% Science Effectiveness to you and all your kingdom.
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- All Lands hold Prisoners — 2 per Acre
- +1 Stealth Regeneration Per Tick
- −30% Damage from Learn Attacks
- +10% Science Efficiency

'''Penalties:'''

- Military wage increases take twice as long to fully apply. Wage reductions apply normally.
- +40% Rune Cost (Does not Include Rituals)
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 12/0 (4.8nw)
- Defensive Specialist: 0/10 (5.0nw)
- Elite Unit: 16/3 (750gc, 6.5nw)
- Mercenary: 8/0 (0.0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: 2/0 (0.6nw)
| style="padding:1em; vertical-align:top;" |
[[Mystics#Fountain_of_Knowledge|Fountain of Knowledge]], [[Mystics#Revelation|Revelation]], [[Mystics#Invisibility|Invisibility]], [[Mystics#Guile|Guile]], [[Mystics#Steal_Warhorses|Steal War Horses]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:Orc.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Orc</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Carnage'''
: Every time an Orc makes a successful attack, a random bonus effect is applied to that attack — the spirit of war is unpredictable and wild:
: • Destroy 25% of enemy resources (gold, runes, food)
: • Increases Military Wages by 25% for 4–6 ticks
: • −30% Military Losses

'''War Doctrine (In War):'''
: Provides up to +10% Offensive Military Efficiency and +12.5% Raze Damage to you and all your kingdom.
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- +5% Gains OOW & +15% Gains During War
- −50% Draft Cost

'''Penalties:'''

- −15% DME
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 13/0 (5.2nw)
- Defensive Specialist: 0/10 (5nw)
- Elite Unit: 18/2 (800gc, 7nw)
- Mercenary: 8/0 (0.0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: 2/0 (0.6nw)
| style="padding:1em; vertical-align:top;" |
[[Mystics#Bloodlust|Bloodlust]], [[Mystics#Wrath|Wrath]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:Undead.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Undead</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Death March'''
: Converts 45% of offensive losses into Soldiers instantly.

'''War Doctrine (In War):'''
: Provides up to −12.5% Enemy Battle Gains and +12.5% Increased Plague Spread Chance to you and all your kingdom. (Does not grant the ability to spread Plague.)
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- −45% Military Losses
- Plague Immunity
- Always carries Plague and chance to spread
- No Food Requirement

'''Penalties:'''

- −10% Science Efficiency
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 11/0 (4.4nw)
- Defensive Specialist: 0/10 (5.0nw)
- Elite Unit: 17/4 (800gc, 7nw)
- Mercenary: 8/0 (0.0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: 2/0 (0.6nw)
| style="padding:1em; vertical-align:top;" |
[[Mystics#Animate_Dead|Animate Dead]], [[Mystics#Aggression|Aggression]]

|}

== Personalities ==

{| class="wikitable" style="width:100%; color:#000814; padding:0.8em; border:2px solid #FFC300; border-collapse:collapse; font-size:1.05em; box-shadow:0 3px 12px rgba(255,195,0,0.3); border-radius:5px;"

! style="background:#000814; color:#d4a017; padding:0.8em; width:15%;" | Personality
! style="background:#000814; color:#d4a017; padding:0.8em; width:22%;" | Unique Ability
! style="background:#000814; color:#d4a017; padding:0.8em;" | Bonuses
! style="background:#000814; color:#d4a017; padding:0.8em; width:15%;" | Starting Bonuses
! style="background:#000814; color:#d4a017; padding:0.8em; width:14%;" | Spells

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The Artisan</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Construction Delays'''
: For 3 ticks after a successful attack, the enemy's building efficiency is reduced by 10% (does not stack).
| style="padding:1em; vertical-align:top;" |
* +40% Building Capacity (Homes, Stables, Dungeons)
* +40% Building Production (Banks, Farms, Stables, Towers, Homes)
* Immune to Plunder, Greed and Incite Riots
* +15% Economy Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +600 Soldiers
* +600 Specialist Credits
* +200 Building Credits
| style="padding:1em; vertical-align:top;" |
[[Mystics#Ghost_Workers|Ghost Workers]], [[Mystics#Greater_Protection|Greater Protection]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The General</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: General's Authority'''
: Attacks inflict +15% enemy military casualties when two or more generals are sent.
| style="padding:1em; vertical-align:top;" |
* +1 General
* −20% Training Cost & Speed
* Can train one Elite for every two Specialist Credits
* +15% Military Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +800 Soldiers
* +800 Specialist Credits
| style="padding:1em; vertical-align:top;" |
[[Mystics#Mist|Mist]], [[Mystics#Wrath|Wrath]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The Heretic</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Blasphemous Might'''
: After a failed offensive spell cast, the Heretic recovers 1% Stealth.
| style="padding:1em; vertical-align:top;" |
* +15% TPA
* +15% WPA
* −50% Thief Losses
* +20% Sabotage Damage
* +20% Spell Damage
* +75% Guild Effectiveness
* +15% Arcane Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +400 Wizards
* +400 Thieves
| style="padding:1em; vertical-align:top;" |
[[Mystics#Nightmares|Nightmares]], [[Mystics#Fools_Gold|Fools Gold]], [[Mystics#Mages_Fury|Mage's Fury]], [[Mystics#Vermin|Vermin]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The Mystic</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Focused Channelling'''
: While above 40% mana, spells gain +20% WPA.
| style="padding:1em; vertical-align:top;" |
* +125% Guilds Effectiveness
* +1 Mana Recovery per Tick
* +25% Offensive Spell Duration
* +25% Channeling Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +800 Wizards
| style="padding:1em; vertical-align:top;" |
[[Mystics#Pitfalls|Pitfalls]], [[Mystics#Meteor_Showers|Meteor Showers]], [[Mystics#Chastity|Chastity]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The Necromancer</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Dark Pact'''
: After each successful attack, The Necromancer converts:
: • 10% of the enemy's killed units into Wizards
: • 20% of the enemy's killed units into Soldiers
: • 10% of the enemy's killed units into Peasants
| style="padding:1em; vertical-align:top;" |
* +35% WPA
* +1–10% OME based on RWPA (0.5 rwpa – 5.0 rwpa)
* +25% Channeling Science Efficiency
* −50% Rune Cost (Not Ritual)
| style="padding:1em; vertical-align:top;" |
* +400 Wizards
* +400 Specialist Credits
| style="padding:1em; vertical-align:top;" |
[[Mystics#Animate_Dead|Animate Dead]], [[Mystics#Mind_Focus|Mind Focus]], [[Mystics#Soul_Blight|Soul_Blight]], [[Mystics#Guile|Guile]], [[Mystics#Nightmare|Nightmare]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The Paladin</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Holy Inquisition'''
: Successful Attacks in War or Hostile apply a mini effect:
: • Temporarily suppresses 15% of target's science effectiveness for 6–8 ticks
: • Temporarily reduces Book Generation by 20% for 6–8 ticks
: Effect does not stack, only refreshes.
| style="padding:1em; vertical-align:top;" |
* +2 War Horse Strength (alters NW)
* All lands hold and produce Horses (8 per acre)
* +7.5% Defensive Military Efficiency
* Immune to Plague
* +25% Strategy Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +800 Soldiers
* +800 Specialist Credits
| style="padding:1em; vertical-align:top;" |
[[Mystics#Salvation|Salvation]], [[Mystics#Divine_Shield|Divine Shield]], [[Mystics#Heroes_Inspiration|Heroes' Inspiration]], [[Mystics#Illuminate_Shadows|Illuminate Shadows]], [[Mystics#Wrath|Wrath]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The Rogue</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Shadow Persistence'''
: Rogue provinces may perform thievery operations while overpopulated.
| style="padding:1em; vertical-align:top;" |
* +100% Thieves' Dens Effectiveness
* +20% TPA
* +1 Stealth Recovery per Tick
* Access to All Thievery Operations
* +25% Crime Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +800 Thieves
| style="padding:1em; vertical-align:top;" |
All Thievery Operations

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The Tactician</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Interdiction'''
: Successful Attacks in War destroy resources as follows:
: • 10% of gold
: • 25% of runes
: • 20% of food
| style="padding:1em; vertical-align:top;" |
* −15% Attack Time
* +40% Specialist Credits Gains
* +25% Land gained when Ambushing
* No Thieves lost on Intel
* Enhanced Conquest: Requires only 51% Defence to succeed; only available in War; Base Gains up to 11% max; minimum gains are 3.4% of land when targeting provinces with >130% rNW
* +25% Siege Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +800 Soldiers
* +800 Specialist Credits
| style="padding:1em; vertical-align:top;" |
[[Mystics#Clearsight|Clearsight]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The Warrior</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Battle Cry'''
: Upon successful attack, the attack will destroy 1% of the entire population.
| style="padding:1em; vertical-align:top;" |
* +15% Offensive Military Efficiency
* +5 Mercenary & Prisoner Strength
* Mercenaries and Prisoners may be sent at 1 for every 4 normal troops sent
* −50% Mercenary Cost
* +25% Tactics Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +800 Soldiers
* +800 Specialist Credits
| style="padding:1em; vertical-align:top;" |
No Spells

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The War Hero</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Heroes' Culling'''
: Successful Massacres kill +7% additional peasants and kill an additional 2.5% thieves and wizards.
| style="padding:1em; vertical-align:top;" |
* +15% Honor Gains
* +70% Honor Effects
* Offensive specialist gets +2 strength (Affects NW)
* +25% Siege Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +800 Soldiers
* +800 Specialist Credits
| style="padding:1em; vertical-align:top;" |
[[Mystics#Quick_Feet|Quick Feet]], [[Mystics#Righteous_Aggressor|Righteous Aggressor]], [[Mystics#Paladins_Inspiration|Paladin's Inspiration]]

|}

Age 115

2026-04-28T02:16:23Z

Sonja says: /* Age 115 – Final Changes */

= Age 115 – Final Changes =

<div style="text-align:center; padding:1em; background:linear-gradient(180deg, #001D3D 0%, #000814 100%); border:2px solid #FFC300; border-radius:8px; margin-bottom:1.5em;">
<span style="color:#FFFFFF; font-size:1.3em;">'''Quick Navigation:''' [[#Age_Schedule|Age Schedule]] • [[#War_Doctrines|War Doctrines]] • [[#Core_Mechanics|Core Mechanics]] • [[#Attacks|Attacks]] • [[#Buildings|Buildings]] • [[#Science|Science]] • [[#Relations|Relations]] • [[#Dragons|Dragons]] • [[#Rituals|Rituals]] • [[#Races|Races]] • [[#Personalities|Personalities]]</span>
</div>

== Age Schedule ==

{| class="wikitable" style="width:100%; background:#001D3D; color:#FFFFFF; border:2px solid #FFC300;"
|-
| '''WoL Age 115 Open:''' || TBC
|-
| '''WoL Age 115 Start:''' || 28 April 2026 18:00 UTC
|-
| '''WoL Age 115 End:''' || TBC
|}

== War Doctrines ==

Each race contributes a '''War Doctrine''' that applies kingdom-wide during War. The first province of a race provides a stronger initial bonus, with each additional province contributing a progressively smaller amount.

{| class="wikitable" style="width:60%; background:#001D3D; color:#FFFFFF; border:2px solid #FFC300;"
|-
! style="background:#000814; color:#FFD60A;" | Province Count
! style="background:#000814; color:#FFD60A;" | Doctrine Bonus
|-
| 1st Province || +2.0%
|-
| Each additional Province || +1.5%
|-
| '''Maximum Cap''' || '''10 or 12.5%'''
|}

This rewards early commitment to a race while still allowing deeper specialisation. No War Doctrine may exceed 12.5% total effect.

'''Example:''' If your kingdom has 5 Elf provinces, your kingdom would receive a combined doctrine bonus based on the scaled contributions of each province, reaching toward the maximum cap during war — granting up to +12.5% Offensive WPA and +12.5% Spell Duration during war.

== Buildings ==

- Castles base percent shifted from 2.25% to 2%

== Science ==

- Resilience Multiplier shifted to 0.04401 from 0.0489<p>
- Artisan Multiplier shifted to 0.04302 from 0.0478
- Finesse Multiplier shifted to 0.08685 from 0.0965

== Relations ==

'''Defensive Force Ceasefire (DFCF)''' reintroduced with the following changes:

DFCF becomes available when all of the following are met:

- The kingdom is 45 points (in-range) or 30 points (out-of-range) below the aggressor on the hostility meter
- The aggressor has not been given Hostile status
- No attacks have been made against the aggressor for 3 ticks
- The kingdom is lower in both Land and Networth than the aggressor

Additional DFCF rules:

- DFCF will incur a penalty if within War Range of the aggressor (15% NW or Land)
- Penalty will be a loss of 2.5% Honor and 2.5% Science
- There is no penalty incurred for DFCF if out of War Range of the aggressor
- Penalty will have a warning popup, as to not be done accidentally
- DFCF duration will be for 48 hours before it can be cancelled by either kingdom

'''Hostile meter''' will now decay after 48 hours of going hostile, decay rate will ramp with meter points.

== Dragons ==

Dragons return not as spectacle, but as pressure. They disrupt economies, drain resolve, and force hard choices until they are answered.

'''Note:''' The Celestite Dragon has been removed in Age 115. Dragon HP has been reduced by 2% across all dragons.

{| class="wikitable" style="width:100%; background:#001D3D; color:#FFFFFF; border:2px solid #FFC300;"
! style="background:#000814; color:#FFD60A;" | Dragon
! style="background:#000814; color:#FFD60A;" | Effects
|-
| '''Amethyst''' || • −30% Spell Success Chance <br> • −30% Thievery Success Chance on sabotage operations <br> • All active self-spells are removed instantly upon arrival <br> • Every 6 ticks thereafter, provinces suffer 2% wizard losses, 2% thief losses
|-
| '''Emerald''' || • +25% Military Casualties <br> • −25% Combat Gains <br> • Destroys 0.5% of troops at home instantly upon arrival <br> • Every 6 ticks thereafter, 1.5% of troops at home are lost and current Building and Specialist Credits are reduced by 40%
|-
| '''Ruby''' || • −12.5% Military Effectiveness <br> • +20% Military Wages <br> • Destroys 1.5% of offensive specialists instantly <br> • Every 6 ticks thereafter, 2.5% of offensive specialists at home desert
|-
| '''Topaz''' || • −30% Building Efficiency <br> • −25% Income <br> • Destroys 10% of buildings instantly upon arrival <br> • Every 6 ticks thereafter, destroys 5% of buildings and 20% of current gold
|-
| '''Sapphire''' || • −35% WPA and TPA <br> • −1 Mana Recovery <br> • −1 Stealth Recovery <br> • +12.5% Instant Spell and Sabotage Damage taken and −12.5% Instant Spell and Sabotage Damage dealt <br> • Every 6 ticks thereafter, destroys 25% of current rune supplies
|}

== Rituals ==

{| class="wikitable" style="width:100%; background:#001D3D; color:#FFFFFF; border:2px solid #FFC300;"
! style="background:#000814; color:#FFD60A;" | Ritual
! style="background:#000814; color:#FFD60A;" | Effects
|-
| '''Prosperity''' || • +25% Income <br> • +20% Birth Rate
|-
| '''Barrier''' || • −25% Damage from Enemy Instant Magic and Thievery Operations
|-
| '''Benediction''' <span style="color:#FFD60A;">'''(New)'''</span> || • +20% Building Efficiency <br> • −20% Draft Costs <br> • −20% Build Costs <br> • −20% Wages
|-
| '''Expropriation''' || • +25% Battle Gains <br> • +25% Specialist Credits Gained in Combat
|-
| '''Fleetfoot''' || • −10% Attack Time <br> • −15% Offensive Military Casualties
|-
| '''Havoc''' || • +25% Offensive WPA <br> • +25% Offensive TPA <br> • +20% Spell Damage <br> • +20% Sabotage Damage
|-
| '''Onslaught''' || • +10% Offensive Military Efficiency <br> • +15% Enemy Military Casualties on Attacks
|-
| '''Stalwart''' || • +5% Defensive Military Efficiency <br> • −20% Raze Damage <br> • −25% Military Casualties
|}

'''Note:''' Expedient has been removed. Benediction is new.

== Races ==

<div style="background: #001D3D; border: 2px solid #FFC300; border-radius: 6px; padding: 2em; margin-top: 2.5em; margin-bottom: 2.5em; font-size: 1.15em; line-height: 2; color: #FFFFFF; box-shadow: 0 3px 12px rgba(0,0,0,0.3);">
Each province in Utopia is defined by its '''Race''' and '''Personality''', which determine unique bonuses, penalties, units, spells, and special abilities. Choose wisely – your combination shapes your entire strategy.
</div>

{| class="wikitable" style="width:100%; color:#000814; padding:0.8em; border:2px solid #FFC300; border-collapse:collapse; font-size:1.05em; box-shadow:0 3px 12px rgba(255,195,0,0.3); border-radius:5px;"

! style="background:#000814; color:#d4a017; padding:0.8em; width:15%;" | Race
! style="background:#000814; color:#d4a017; padding:0.8em; width:24%;" | War Doctrine & Unique Ability
! style="background:#000814; color:#d4a017; padding:0.8em; width:25%;" | Bonuses & Penalties
! style="background:#000814; color:#d4a017; padding:0.8em; width:24%;" | Units
! style="background:#000814; color:#d4a017; padding:0.8em; width:12%;" | Spells

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:Avian.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Avian</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Dive Bomb'''
: Offensive specialists gain +2 offense points (War Only). Does not affect NW.

'''War Doctrine (In War):'''
: Provides up to −10% Attack Time and −12.5% Military Casualties on all attacks to you and all your kingdom.
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- −20% Attack Time
- −25% Training Time
- −25% Military Wage Cost

'''Penalties:'''

- No Access to Stables and War Horses
- −5% BE
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 12/0 (5.0nw)
- Defensive Specialist: 0/10 (5nw)
- Elite Unit: 16/3 (750gc, 7nw)
- Mercenary: 8/0 (0.0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: n/a
| style="padding:1em; vertical-align:top;" |
[[Mystics#Town_Watch|Town Watch]], [[Mystics#Illuminate_Shadows|Illuminate Shadows]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:DarkElf.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Dark Elf</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Mystic Enthusiasts'''
: Successful offensive instant spells refund 40% rune cost.

'''War Doctrine (In War):'''
: Provides up to +12.5% Instant Spell Damage and −12.5% Rune Costs to you and all your kingdom.
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- +35% Instant Spell Damage
- −35% Rune Cost (Not Including Rituals)
- Can train Thieves using Specialist Credits

'''Penalties:'''

- −15% Birth Rates
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 15/0 (6.0nw)
- Defensive Specialist: 0/11 (5.5nw)
- Elite Unit: 4/12 (750gc, 7nw)
- Mercenary: 8/0 (0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: 2/0 (0.6nw)
| style="padding:1em; vertical-align:top;" |
[[Mystics#Blizzard|Blizzard]], [[Mystics#Mage's_Fury|Mage's Fury]], [[Mystics#Illuminate_Shadows|Illuminate Shadows]], [[Mystics#Pitfalls|Pitfalls]], [[Mystics#Mind_Focus|Mind Focus]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:Dwarf.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Dwarf</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Architect's Revenge'''
: Incoming Raze damage reduced by 15% and Raze damage increased by 20%.

'''War Doctrine (In War):'''
: Provides up to −12.5% Construction Costs and +12.5% Income for you and all your kingdom.
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- +30% Building Efficiency
- −50% Construction Time

'''Penalties:'''

- Cannot Accelerate Construction
- +10% Attack Time
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 10/0 (4.0nw)
- Defensive Specialist: 0/10 (5.0nw)
- Elite Unit: 15/5 (800gc, 7nw)
- Mercenary: 8/0 (0.0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: 2/0 (0.6nw)
| style="padding:1em; vertical-align:top;" |
[[Mystics#Miner's_Mystique|Miner's Mystique]], [[Mystics#Town_Watch|Town Watch]], [[Mystics#Reflect_Magic|Reflect Magic]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:Elf.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Elf</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Arcane Surge'''
: Whenever your province's mana drops below 40%, all spells you cast while under that threshold deal +25% spell damage. The boost disappears as soon as your mana climbs back above 40%.

'''War Doctrine (In War):'''
: Provides up to +12.5% Offensive WPA and +12.5% Spell Duration to you and all your kingdom.
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- +40% Magic Effectiveness (WPA)
- +1 Mana Per Tick in War
- +40% Rune Production

'''Penalties:'''

- −20% TPA
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 10/0 (4.0nw)
- Defensive Specialist: 0/13 (6.5nw)
- Elite Unit: 15/4 (750gc, 6.0nw)
- Mercenary: 8/0 (0.0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: 2/0 (0.6nw)
| style="padding:1em; vertical-align:top;" |
[[Mystics#Pitfalls|Pitfalls]], [[Mystics#Wrath|Wrath]], [[Mystics#Vermin|Vermin]], [[Mystics#Sloth|Sloth]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:Faery.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Faery</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Leyline Interference'''
: Enemy spells cast against Faery provinces have a 20% chance to fail.

'''War Doctrine (In War):'''
: Provides up to +12.5% Defensive WPA and −12.5% Damage from Enemy Thievery Operations to you and all your kingdom.
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- +25% Spell Duration
- +20% WPA
- +1 Mana Recovery per Tick

'''Penalties:'''

- −5% Population
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 10/0 (4.0nw)
- Defensive Specialist: 0/10 (5.0nw)
- Elite Unit: 4/16 (1000gc, 8.5nw)
- Mercenary: 8/0 (0.0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: 2/0 (0.6nw)
| style="padding:1em; vertical-align:top;" |
All Racial Spells

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:Halfling.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Halfling</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Silent Assault'''
: Sabotage operations suffer 50% fewer thievery losses.

'''War Doctrine (In War):'''
: Provides up to +12.5% Sabotage Damage and +12.5% Offensive TPA to you and all your kingdom.
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- +10% Population
- +1 Stealth Regeneration Per Tick
- +20% Thievery Effectiveness (TPA)

'''Penalties:'''

- +10% Military Casualties
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 10/0 (4.0nw)
- Defensive Specialist: 0/10 (5.0nw)
- Elite Unit: 6/12 (700gc, 7.5nw)
- Mercenary: 8/0 (0.0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: 2/0 (0.6nw)
| style="padding:1em; vertical-align:top;" |
[[Mystics#Tree_of_Gold|Tree of Gold]], [[Mystics#Greater_Protection|Greater Protection]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:Human.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Human</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Civil Administration'''
: Prisoners generate an additional 2.0gc per tick and Mercenary costs are reduced by 40%.

'''War Doctrine (In War):'''
: Provides up to +12.5% Book Generation and +12.5% Science Effectiveness to you and all your kingdom.
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- All Lands hold Prisoners — 2 per Acre
- +1 Stealth Regeneration Per Tick
- −30% Damage from Learn Attacks
- +10% Science Efficiency

'''Penalties:'''

- Military wage increases take twice as long to fully apply. Wage reductions apply normally.
- +40% Rune Cost (Does not Include Rituals)
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 12/0 (4.8nw)
- Defensive Specialist: 0/10 (5.0nw)
- Elite Unit: 16/3 (750gc, 6.5nw)
- Mercenary: 8/0 (0.0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: 2/0 (0.6nw)
| style="padding:1em; vertical-align:top;" |
[[Mystics#Fountain_of_Knowledge|Fountain of Knowledge]], [[Mystics#Revelation|Revelation]], [[Mystics#Invisibility|Invisibility]], [[Mystics#Guile|Guile]], [[Mystics#Steal_Warhorses|Steal War Horses]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:Orc.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Orc</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Carnage'''
: Every time an Orc makes a successful attack, a random bonus effect is applied to that attack — the spirit of war is unpredictable and wild:
: • Destroy 25% of enemy resources (gold, runes, food)
: • Increases Military Wages by 25% for 4–6 ticks
: • −30% Military Losses

'''War Doctrine (In War):'''
: Provides up to +10% Offensive Military Efficiency and +12.5% Raze Damage to you and all your kingdom.
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- +5% Gains OOW & +15% Gains During War
- −50% Draft Cost

'''Penalties:'''

- −15% DME
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 13/0 (5.2nw)
- Defensive Specialist: 0/10 (5nw)
- Elite Unit: 18/2 (800gc, 7nw)
- Mercenary: 8/0 (0.0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: 2/0 (0.6nw)
| style="padding:1em; vertical-align:top;" |
[[Mystics#Bloodlust|Bloodlust]], [[Mystics#Wrath|Wrath]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:Undead.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Undead</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Death March'''
: Converts 45% of offensive losses into Soldiers instantly.

'''War Doctrine (In War):'''
: Provides up to −12.5% Enemy Battle Gains and +12.5% Increased Plague Spread Chance to you and all your kingdom. (Does not grant the ability to spread Plague.)
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- −45% Military Losses
- Plague Immunity
- Always carries Plague and chance to spread
- No Food Requirement

'''Penalties:'''

- −10% Science Efficiency
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 11/0 (4.4nw)
- Defensive Specialist: 0/10 (5.0nw)
- Elite Unit: 17/4 (800gc, 7nw)
- Mercenary: 8/0 (0.0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: 2/0 (0.6nw)
| style="padding:1em; vertical-align:top;" |
[[Mystics#Animate_Dead|Animate Dead]], [[Mystics#Aggression|Aggression]]

|}

== Personalities ==

{| class="wikitable" style="width:100%; color:#000814; padding:0.8em; border:2px solid #FFC300; border-collapse:collapse; font-size:1.05em; box-shadow:0 3px 12px rgba(255,195,0,0.3); border-radius:5px;"

! style="background:#000814; color:#d4a017; padding:0.8em; width:15%;" | Personality
! style="background:#000814; color:#d4a017; padding:0.8em; width:22%;" | Unique Ability
! style="background:#000814; color:#d4a017; padding:0.8em;" | Bonuses
! style="background:#000814; color:#d4a017; padding:0.8em; width:15%;" | Starting Bonuses
! style="background:#000814; color:#d4a017; padding:0.8em; width:14%;" | Spells

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The Artisan</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Construction Delays'''
: For 3 ticks after a successful attack, the enemy's building efficiency is reduced by 10% (does not stack).
| style="padding:1em; vertical-align:top;" |
* +40% Building Capacity (Homes, Stables, Dungeons)
* +40% Building Production (Banks, Farms, Stables, Towers, Homes)
* Immune to Plunder, Greed and Incite Riots
* +15% Economy Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +600 Soldiers
* +600 Specialist Credits
* +200 Building Credits
| style="padding:1em; vertical-align:top;" |
[[Mystics#Ghost_Workers|Ghost Workers]], [[Mystics#Greater_Protection|Greater Protection]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The General</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: General's Authority'''
: Attacks inflict +15% enemy military casualties when two or more generals are sent.
| style="padding:1em; vertical-align:top;" |
* +1 General
* −20% Training Cost & Speed
* Can train one Elite for every two Specialist Credits
* +15% Military Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +800 Soldiers
* +800 Specialist Credits
| style="padding:1em; vertical-align:top;" |
[[Mystics#Mist|Mist]], [[Mystics#Wrath|Wrath]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The Heretic</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Blasphemous Might'''
: After a failed offensive spell cast, the Heretic recovers 1% Stealth.
| style="padding:1em; vertical-align:top;" |
* +15% TPA
* +15% WPA
* −50% Thief Losses
* +20% Sabotage Damage
* +20% Spell Damage
* +75% Guild Effectiveness
* +15% Arcane Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +400 Wizards
* +400 Thieves
| style="padding:1em; vertical-align:top;" |
[[Mystics#Nightmares|Nightmares]], [[Mystics#Fools_Gold|Fools Gold]], [[Mystics#Mages_Fury|Mage's Fury]], [[Mystics#Vermin|Vermin]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The Mystic</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Focused Channelling'''
: While above 40% mana, spells gain +20% WPA.
| style="padding:1em; vertical-align:top;" |
* +125% Guilds Effectiveness
* +1 Mana Recovery per Tick
* +25% Offensive Spell Duration
* +25% Channeling Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +800 Wizards
| style="padding:1em; vertical-align:top;" |
[[Mystics#Pitfalls|Pitfalls]], [[Mystics#Meteor_Showers|Meteor Showers]], [[Mystics#Chastity|Chastity]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The Necromancer</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Dark Pact'''
: After each successful attack, The Necromancer converts:
: • 10% of the enemy's killed units into Wizards
: • 20% of the enemy's killed units into Soldiers
: • 10% of the enemy's killed units into Peasants
| style="padding:1em; vertical-align:top;" |
* +35% WPA
* +1–10% OME based on RWPA (0.5 rwpa – 5.0 rwpa)
* +25% Channeling Science Efficiency
* −50% Rune Cost (Not Ritual)
| style="padding:1em; vertical-align:top;" |
* +400 Wizards
* +400 Specialist Credits
| style="padding:1em; vertical-align:top;" |
[[Mystics#Animate_Dead|Animate Dead]], [[Mystics#Mind_Focus|Mind Focus]], [[Mystics#Soul_Blight|Soul_Blight]], [[Mystics#Guile|Guile]], [[Mystics#Nightmare|Nightmare]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The Paladin</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Holy Inquisition'''
: Successful Attacks in War or Hostile apply a mini effect:
: • Temporarily suppresses 15% of target's science effectiveness for 6–8 ticks
: • Temporarily reduces Book Generation by 20% for 6–8 ticks
: Effect does not stack, only refreshes.
| style="padding:1em; vertical-align:top;" |
* +2 War Horse Strength (alters NW)
* All lands hold and produce Horses (8 per acre)
* +7.5% Defensive Military Efficiency
* Immune to Plague
* +25% Strategy Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +800 Soldiers
* +800 Specialist Credits
| style="padding:1em; vertical-align:top;" |
[[Mystics#Salvation|Salvation]], [[Mystics#Divine_Shield|Divine Shield]], [[Mystics#Heroes_Inspiration|Heroes' Inspiration]], [[Mystics#Illuminate_Shadows|Illuminate Shadows]], [[Mystics#Wrath|Wrath]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The Rogue</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Shadow Persistence'''
: Rogue provinces may perform thievery operations while overpopulated.
| style="padding:1em; vertical-align:top;" |
* +100% Thieves' Dens Effectiveness
* +20% TPA
* +1 Stealth Recovery per Tick
* Access to All Thievery Operations
* +25% Crime Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +800 Thieves
| style="padding:1em; vertical-align:top;" |
All Thievery Operations

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The Tactician</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Interdiction'''
: Successful Attacks in War destroy resources as follows:
: • 10% of gold
: • 25% of runes
: • 20% of food
| style="padding:1em; vertical-align:top;" |
* −15% Attack Time
* +40% Specialist Credits Gains
* +25% Land gained when Ambushing
* No Thieves lost on Intel
* Enhanced Conquest: Requires only 51% Defence to succeed; only available in War; Base Gains up to 11% max; minimum gains are 3.4% of land when targeting provinces with >130% rNW
* +25% Siege Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +800 Soldiers
* +800 Specialist Credits
| style="padding:1em; vertical-align:top;" |
[[Mystics#Clearsight|Clearsight]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The Warrior</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Battle Cry'''
: Upon successful attack, the attack will destroy 1% of the entire population.
| style="padding:1em; vertical-align:top;" |
* +15% Offensive Military Efficiency
* +5 Mercenary & Prisoner Strength
* Mercenaries and Prisoners may be sent at 1 for every 4 normal troops sent
* −50% Mercenary Cost
* +25% Tactics Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +800 Soldiers
* +800 Specialist Credits
| style="padding:1em; vertical-align:top;" |
No Spells

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The War Hero</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Heroes' Culling'''
: Successful Massacres kill +7% additional peasants and kill an additional 2.5% thieves and wizards.
| style="padding:1em; vertical-align:top;" |
* +15% Honor Gains
* +70% Honor Effects
* Offensive specialist gets +2 strength (Affects NW)
* +25% Siege Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +800 Soldiers
* +800 Specialist Credits
| style="padding:1em; vertical-align:top;" |
[[Mystics#Quick_Feet|Quick Feet]], [[Mystics#Righteous_Aggressor|Righteous Aggressor]], [[Mystics#Paladins_Inspiration|Paladin's Inspiration]]

|}

Age 115

2026-04-28T02:13:24Z

Sonja says: Remove Attacks section

= Age 115 – Final Changes =

<div style="text-align:center; padding:1em; background:linear-gradient(180deg, #001D3D 0%, #000814 100%); border:2px solid #FFC300; border-radius:8px; margin-bottom:1.5em;">
<span style="color:#FFFFFF; font-size:1.3em;">'''Quick Navigation:''' [[#Age_Schedule|Age Schedule]] • [[#War_Doctrines|War Doctrines]] • [[#Core_Mechanics|Core Mechanics]] • [[#Attacks|Attacks]] • [[#Buildings|Buildings]] • [[#Science|Science]] • [[#Relations|Relations]] • [[#Dragons|Dragons]] • [[#Rituals|Rituals]] • [[#Races|Races]] • [[#Personalities|Personalities]]</span>
</div>

== Age Schedule ==

{| class="wikitable" style="width:100%; background:#001D3D; color:#FFFFFF; border:2px solid #FFC300;"
|-
| '''WoL Age 115 Open:''' || TBC
|-
| '''WoL Age 115 Start:''' || 28 April 2026 18:00 UTC
|-
| '''WoL Age 115 End:''' || TBC
|}

== War Doctrines ==

Each race contributes a '''War Doctrine''' that applies kingdom-wide during War. The first province of a race provides a stronger initial bonus, with each additional province contributing a progressively smaller amount.

{| class="wikitable" style="width:60%; background:#001D3D; color:#FFFFFF; border:2px solid #FFC300;"
|-
! style="background:#000814; color:#FFD60A;" | Province Count
! style="background:#000814; color:#FFD60A;" | Doctrine Bonus
|-
| 1st Province || +2.0%
|-
| Each additional Province || +1.5%
|-
| '''Maximum Cap''' || '''10 or 12.5%'''
|}

This rewards early commitment to a race while still allowing deeper specialisation. No War Doctrine may exceed 12.5% total effect.

'''Example:''' If your kingdom has 5 Elf provinces, your kingdom would receive a combined doctrine bonus based on the scaled contributions of each province, reaching toward the maximum cap during war — granting up to +12.5% Offensive WPA and +12.5% Spell Duration during war.

== Core Mechanics & Modifications ==

== Buildings ==

- Guilds reduce wizard losses on failed spells, max −25%
- Castles base percent shifted from 2.25% to 2%

== Science ==

- Resilience Multiplier shifted to 0.04401 from 0.0489
- Artisan Multiplier shifted to 0.04302 from 0.0478
- Finesse Multiplier shifted to 0.08685 from 0.0965

== Relations ==

'''Defensive Force Ceasefire (DFCF)''' reintroduced with the following changes:

DFCF becomes available when all of the following are met:

- The kingdom is 45 points (in-range) or 30 points (out-of-range) below the aggressor on the hostility meter
- The aggressor has not been given Hostile status
- No attacks have been made against the aggressor for 3 ticks
- The kingdom is lower in both Land and Networth than the aggressor

Additional DFCF rules:

- DFCF will incur a penalty if within War Range of the aggressor (15% NW or Land)
- Penalty will be a loss of 2.5% Honor and 2.5% Science
- There is no penalty incurred for DFCF if out of War Range of the aggressor
- Penalty will have a warning popup, as to not be done accidentally
- DFCF duration will be for 48 hours before it can be cancelled by either kingdom

'''Hostile meter''' will now decay after 48 hours of going hostile, decay rate will ramp with meter points.

== Dragons ==

Dragons return not as spectacle, but as pressure. They disrupt economies, drain resolve, and force hard choices until they are answered.

'''Note:''' The Celestite Dragon has been removed in Age 115. Dragon HP has been reduced by 2% across all dragons.

{| class="wikitable" style="width:100%; background:#001D3D; color:#FFFFFF; border:2px solid #FFC300;"
! style="background:#000814; color:#FFD60A;" | Dragon
! style="background:#000814; color:#FFD60A;" | Effects
|-
| '''Amethyst''' || • −30% Spell Success Chance <br> • −30% Thievery Success Chance on sabotage operations <br> • All active self-spells are removed instantly upon arrival <br> • Every 6 ticks thereafter, provinces suffer 2% wizard losses, 2% thief losses
|-
| '''Emerald''' || • +25% Military Casualties <br> • −25% Combat Gains <br> • Destroys 0.5% of troops at home instantly upon arrival <br> • Every 6 ticks thereafter, 1.5% of troops at home are lost and current Building and Specialist Credits are reduced by 40%
|-
| '''Ruby''' || • −12.5% Military Effectiveness <br> • +20% Military Wages <br> • Destroys 1.5% of offensive specialists instantly <br> • Every 6 ticks thereafter, 2.5% of offensive specialists at home desert
|-
| '''Topaz''' || • −30% Building Efficiency <br> • −25% Income <br> • Destroys 10% of buildings instantly upon arrival <br> • Every 6 ticks thereafter, destroys 5% of buildings and 20% of current gold
|-
| '''Sapphire''' || • −35% WPA and TPA <br> • −1 Mana Recovery <br> • −1 Stealth Recovery <br> • +12.5% Instant Spell and Sabotage Damage taken and −12.5% Instant Spell and Sabotage Damage dealt <br> • Every 6 ticks thereafter, destroys 25% of current rune supplies
|}

== Rituals ==

{| class="wikitable" style="width:100%; background:#001D3D; color:#FFFFFF; border:2px solid #FFC300;"
! style="background:#000814; color:#FFD60A;" | Ritual
! style="background:#000814; color:#FFD60A;" | Effects
|-
| '''Prosperity''' || • +25% Income <br> • +20% Birth Rate
|-
| '''Barrier''' || • −25% Damage from Enemy Instant Magic and Thievery Operations
|-
| '''Benediction''' <span style="color:#FFD60A;">'''(New)'''</span> || • +20% Building Efficiency <br> • −20% Draft Costs <br> • −20% Build Costs <br> • −20% Wages
|-
| '''Expropriation''' || • +25% Battle Gains <br> • +25% Specialist Credits Gained in Combat
|-
| '''Fleetfoot''' || • −10% Attack Time <br> • −15% Offensive Military Casualties
|-
| '''Havoc''' || • +25% Offensive WPA <br> • +25% Offensive TPA <br> • +20% Spell Damage <br> • +20% Sabotage Damage
|-
| '''Onslaught''' || • +10% Offensive Military Efficiency <br> • +15% Enemy Military Casualties on Attacks
|-
| '''Stalwart''' || • +5% Defensive Military Efficiency <br> • −20% Raze Damage <br> • −25% Military Casualties
|}

'''Note:''' Expedient has been removed. Benediction is new.

== Races ==

<div style="background: #001D3D; border: 2px solid #FFC300; border-radius: 6px; padding: 2em; margin-top: 2.5em; margin-bottom: 2.5em; font-size: 1.15em; line-height: 2; color: #FFFFFF; box-shadow: 0 3px 12px rgba(0,0,0,0.3);">
Each province in Utopia is defined by its '''Race''' and '''Personality''', which determine unique bonuses, penalties, units, spells, and special abilities. Choose wisely – your combination shapes your entire strategy.
</div>

{| class="wikitable" style="width:100%; color:#000814; padding:0.8em; border:2px solid #FFC300; border-collapse:collapse; font-size:1.05em; box-shadow:0 3px 12px rgba(255,195,0,0.3); border-radius:5px;"

! style="background:#000814; color:#d4a017; padding:0.8em; width:15%;" | Race
! style="background:#000814; color:#d4a017; padding:0.8em; width:24%;" | War Doctrine & Unique Ability
! style="background:#000814; color:#d4a017; padding:0.8em; width:25%;" | Bonuses & Penalties
! style="background:#000814; color:#d4a017; padding:0.8em; width:24%;" | Units
! style="background:#000814; color:#d4a017; padding:0.8em; width:12%;" | Spells

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:Avian.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Avian</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Dive Bomb'''
: Offensive specialists gain +2 offense points (War Only). Does not affect NW.

'''War Doctrine (In War):'''
: Provides up to −10% Attack Time and −12.5% Military Casualties on all attacks to you and all your kingdom.
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- −20% Attack Time
- −25% Training Time
- −25% Military Wage Cost

'''Penalties:'''

- No Access to Stables and War Horses
- −5% BE
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 12/0 (5.0nw)
- Defensive Specialist: 0/10 (5nw)
- Elite Unit: 16/3 (750gc, 7nw)
- Mercenary: 8/0 (0.0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: n/a
| style="padding:1em; vertical-align:top;" |
[[Mystics#Town_Watch|Town Watch]], [[Mystics#Illuminate_Shadows|Illuminate Shadows]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:DarkElf.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Dark Elf</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Mystic Enthusiasts'''
: Successful offensive instant spells refund 40% rune cost.

'''War Doctrine (In War):'''
: Provides up to +12.5% Instant Spell Damage and −12.5% Rune Costs to you and all your kingdom.
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- +35% Instant Spell Damage
- −35% Rune Cost (Not Including Rituals)
- Can train Thieves using Specialist Credits

'''Penalties:'''

- −15% Birth Rates
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 15/0 (6.0nw)
- Defensive Specialist: 0/11 (5.5nw)
- Elite Unit: 4/12 (750gc, 7nw)
- Mercenary: 8/0 (0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: 2/0 (0.6nw)
| style="padding:1em; vertical-align:top;" |
[[Mystics#Blizzard|Blizzard]], [[Mystics#Mage's_Fury|Mage's Fury]], [[Mystics#Illuminate_Shadows|Illuminate Shadows]], [[Mystics#Pitfalls|Pitfalls]], [[Mystics#Mind_Focus|Mind Focus]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:Dwarf.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Dwarf</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Architect's Revenge'''
: Incoming Raze damage reduced by 15% and Raze damage increased by 20%.

'''War Doctrine (In War):'''
: Provides up to −12.5% Construction Costs and +12.5% Income for you and all your kingdom.
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- +30% Building Efficiency
- −50% Construction Time

'''Penalties:'''

- Cannot Accelerate Construction
- +10% Attack Time
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 10/0 (4.0nw)
- Defensive Specialist: 0/10 (5.0nw)
- Elite Unit: 15/5 (800gc, 7nw)
- Mercenary: 8/0 (0.0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: 2/0 (0.6nw)
| style="padding:1em; vertical-align:top;" |
[[Mystics#Miner's_Mystique|Miner's Mystique]], [[Mystics#Town_Watch|Town Watch]], [[Mystics#Reflect_Magic|Reflect Magic]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:Elf.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Elf</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Arcane Surge'''
: Whenever your province's mana drops below 40%, all spells you cast while under that threshold deal +25% spell damage. The boost disappears as soon as your mana climbs back above 40%.

'''War Doctrine (In War):'''
: Provides up to +12.5% Offensive WPA and +12.5% Spell Duration to you and all your kingdom.
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- +40% Magic Effectiveness (WPA)
- +1 Mana Per Tick in War
- +40% Rune Production

'''Penalties:'''

- −20% TPA
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 10/0 (4.0nw)
- Defensive Specialist: 0/13 (6.5nw)
- Elite Unit: 15/4 (750gc, 6.0nw)
- Mercenary: 8/0 (0.0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: 2/0 (0.6nw)
| style="padding:1em; vertical-align:top;" |
[[Mystics#Pitfalls|Pitfalls]], [[Mystics#Wrath|Wrath]], [[Mystics#Vermin|Vermin]], [[Mystics#Sloth|Sloth]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:Faery.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Faery</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Leyline Interference'''
: Enemy spells cast against Faery provinces have a 20% chance to fail.

'''War Doctrine (In War):'''
: Provides up to +12.5% Defensive WPA and −12.5% Damage from Enemy Thievery Operations to you and all your kingdom.
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- +25% Spell Duration
- +20% WPA
- +1 Mana Recovery per Tick

'''Penalties:'''

- −5% Population
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 10/0 (4.0nw)
- Defensive Specialist: 0/10 (5.0nw)
- Elite Unit: 4/16 (1000gc, 8.5nw)
- Mercenary: 8/0 (0.0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: 2/0 (0.6nw)
| style="padding:1em; vertical-align:top;" |
All Racial Spells

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:Halfling.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Halfling</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Silent Assault'''
: Sabotage operations suffer 50% fewer thievery losses.

'''War Doctrine (In War):'''
: Provides up to +12.5% Sabotage Damage and +12.5% Offensive TPA to you and all your kingdom.
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- +10% Population
- +1 Stealth Regeneration Per Tick
- +20% Thievery Effectiveness (TPA)

'''Penalties:'''

- +10% Military Casualties
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 10/0 (4.0nw)
- Defensive Specialist: 0/10 (5.0nw)
- Elite Unit: 6/12 (700gc, 7.5nw)
- Mercenary: 8/0 (0.0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: 2/0 (0.6nw)
| style="padding:1em; vertical-align:top;" |
[[Mystics#Tree_of_Gold|Tree of Gold]], [[Mystics#Greater_Protection|Greater Protection]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:Human.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Human</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Civil Administration'''
: Prisoners generate an additional 2.0gc per tick and Mercenary costs are reduced by 40%.

'''War Doctrine (In War):'''
: Provides up to +12.5% Book Generation and +12.5% Science Effectiveness to you and all your kingdom.
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- All Lands hold Prisoners — 2 per Acre
- +1 Stealth Regeneration Per Tick
- −30% Damage from Learn Attacks
- +10% Science Efficiency

'''Penalties:'''

- Military wage increases take twice as long to fully apply. Wage reductions apply normally.
- +40% Rune Cost (Does not Include Rituals)
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 12/0 (4.8nw)
- Defensive Specialist: 0/10 (5.0nw)
- Elite Unit: 16/3 (750gc, 6.5nw)
- Mercenary: 8/0 (0.0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: 2/0 (0.6nw)
| style="padding:1em; vertical-align:top;" |
[[Mystics#Fountain_of_Knowledge|Fountain of Knowledge]], [[Mystics#Revelation|Revelation]], [[Mystics#Invisibility|Invisibility]], [[Mystics#Guile|Guile]], [[Mystics#Steal_Warhorses|Steal War Horses]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:Orc.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Orc</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Carnage'''
: Every time an Orc makes a successful attack, a random bonus effect is applied to that attack — the spirit of war is unpredictable and wild:
: • Destroy 25% of enemy resources (gold, runes, food)
: • Increases Military Wages by 25% for 4–6 ticks
: • −30% Military Losses

'''War Doctrine (In War):'''
: Provides up to +10% Offensive Military Efficiency and +12.5% Raze Damage to you and all your kingdom.
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- +5% Gains OOW & +15% Gains During War
- −50% Draft Cost

'''Penalties:'''

- −15% DME
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 13/0 (5.2nw)
- Defensive Specialist: 0/10 (5nw)
- Elite Unit: 18/2 (800gc, 7nw)
- Mercenary: 8/0 (0.0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: 2/0 (0.6nw)
| style="padding:1em; vertical-align:top;" |
[[Mystics#Bloodlust|Bloodlust]], [[Mystics#Wrath|Wrath]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:Undead.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Undead</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Death March'''
: Converts 45% of offensive losses into Soldiers instantly.

'''War Doctrine (In War):'''
: Provides up to −12.5% Enemy Battle Gains and +12.5% Increased Plague Spread Chance to you and all your kingdom. (Does not grant the ability to spread Plague.)
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- −45% Military Losses
- Plague Immunity
- Always carries Plague and chance to spread
- No Food Requirement

'''Penalties:'''

- −10% Science Efficiency
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 11/0 (4.4nw)
- Defensive Specialist: 0/10 (5.0nw)
- Elite Unit: 17/4 (800gc, 7nw)
- Mercenary: 8/0 (0.0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: 2/0 (0.6nw)
| style="padding:1em; vertical-align:top;" |
[[Mystics#Animate_Dead|Animate Dead]], [[Mystics#Aggression|Aggression]]

|}

== Personalities ==

{| class="wikitable" style="width:100%; color:#000814; padding:0.8em; border:2px solid #FFC300; border-collapse:collapse; font-size:1.05em; box-shadow:0 3px 12px rgba(255,195,0,0.3); border-radius:5px;"

! style="background:#000814; color:#d4a017; padding:0.8em; width:15%;" | Personality
! style="background:#000814; color:#d4a017; padding:0.8em; width:22%;" | Unique Ability
! style="background:#000814; color:#d4a017; padding:0.8em;" | Bonuses
! style="background:#000814; color:#d4a017; padding:0.8em; width:15%;" | Starting Bonuses
! style="background:#000814; color:#d4a017; padding:0.8em; width:14%;" | Spells

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The Artisan</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Construction Delays'''
: For 3 ticks after a successful attack, the enemy's building efficiency is reduced by 10% (does not stack).
| style="padding:1em; vertical-align:top;" |
* +40% Building Capacity (Homes, Stables, Dungeons)
* +40% Building Production (Banks, Farms, Stables, Towers, Homes)
* Immune to Plunder, Greed and Incite Riots
* +15% Economy Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +600 Soldiers
* +600 Specialist Credits
* +200 Building Credits
| style="padding:1em; vertical-align:top;" |
[[Mystics#Ghost_Workers|Ghost Workers]], [[Mystics#Greater_Protection|Greater Protection]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The General</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: General's Authority'''
: Attacks inflict +15% enemy military casualties when two or more generals are sent.
| style="padding:1em; vertical-align:top;" |
* +1 General
* −20% Training Cost & Speed
* Can train one Elite for every two Specialist Credits
* +15% Military Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +800 Soldiers
* +800 Specialist Credits
| style="padding:1em; vertical-align:top;" |
[[Mystics#Mist|Mist]], [[Mystics#Wrath|Wrath]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The Heretic</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Blasphemous Might'''
: After a failed offensive spell cast, the Heretic recovers 1% Stealth.
| style="padding:1em; vertical-align:top;" |
* +15% TPA
* +15% WPA
* −50% Thief Losses
* +20% Sabotage Damage
* +20% Spell Damage
* +75% Guild Effectiveness
* +15% Arcane Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +400 Wizards
* +400 Thieves
| style="padding:1em; vertical-align:top;" |
[[Mystics#Nightmares|Nightmares]], [[Mystics#Fools_Gold|Fools Gold]], [[Mystics#Mages_Fury|Mage's Fury]], [[Mystics#Vermin|Vermin]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The Mystic</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Focused Channelling'''
: While above 40% mana, spells gain +20% WPA.
| style="padding:1em; vertical-align:top;" |
* +125% Guilds Effectiveness
* +1 Mana Recovery per Tick
* +25% Offensive Spell Duration
* +25% Channeling Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +800 Wizards
| style="padding:1em; vertical-align:top;" |
[[Mystics#Pitfalls|Pitfalls]], [[Mystics#Meteor_Showers|Meteor Showers]], [[Mystics#Chastity|Chastity]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The Necromancer</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Dark Pact'''
: After each successful attack, The Necromancer converts:
: • 10% of the enemy's killed units into Wizards
: • 20% of the enemy's killed units into Soldiers
: • 10% of the enemy's killed units into Peasants
| style="padding:1em; vertical-align:top;" |
* +35% WPA
* +1–10% OME based on RWPA (0.5 rwpa – 5.0 rwpa)
* +25% Channeling Science Efficiency
* −50% Rune Cost (Not Ritual)
| style="padding:1em; vertical-align:top;" |
* +400 Wizards
* +400 Specialist Credits
| style="padding:1em; vertical-align:top;" |
[[Mystics#Animate_Dead|Animate Dead]], [[Mystics#Mind_Focus|Mind Focus]], [[Mystics#Soul_Blight|Soul_Blight]], [[Mystics#Guile|Guile]], [[Mystics#Nightmare|Nightmare]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The Paladin</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Holy Inquisition'''
: Successful Attacks in War or Hostile apply a mini effect:
: • Temporarily suppresses 15% of target's science effectiveness for 6–8 ticks
: • Temporarily reduces Book Generation by 20% for 6–8 ticks
: Effect does not stack, only refreshes.
| style="padding:1em; vertical-align:top;" |
* +2 War Horse Strength (alters NW)
* All lands hold and produce Horses (8 per acre)
* +7.5% Defensive Military Efficiency
* Immune to Plague
* +25% Strategy Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +800 Soldiers
* +800 Specialist Credits
| style="padding:1em; vertical-align:top;" |
[[Mystics#Salvation|Salvation]], [[Mystics#Divine_Shield|Divine Shield]], [[Mystics#Heroes_Inspiration|Heroes' Inspiration]], [[Mystics#Illuminate_Shadows|Illuminate Shadows]], [[Mystics#Wrath|Wrath]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The Rogue</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Shadow Persistence'''
: Rogue provinces may perform thievery operations while overpopulated.
| style="padding:1em; vertical-align:top;" |
* +100% Thieves' Dens Effectiveness
* +20% TPA
* +1 Stealth Recovery per Tick
* Access to All Thievery Operations
* +25% Crime Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +800 Thieves
| style="padding:1em; vertical-align:top;" |
All Thievery Operations

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The Tactician</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Interdiction'''
: Successful Attacks in War destroy resources as follows:
: • 10% of gold
: • 25% of runes
: • 20% of food
| style="padding:1em; vertical-align:top;" |
* −15% Attack Time
* +40% Specialist Credits Gains
* +25% Land gained when Ambushing
* No Thieves lost on Intel
* Enhanced Conquest: Requires only 51% Defence to succeed; only available in War; Base Gains up to 11% max; minimum gains are 3.4% of land when targeting provinces with >130% rNW
* +25% Siege Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +800 Soldiers
* +800 Specialist Credits
| style="padding:1em; vertical-align:top;" |
[[Mystics#Clearsight|Clearsight]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The Warrior</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Battle Cry'''
: Upon successful attack, the attack will destroy 1% of the entire population.
| style="padding:1em; vertical-align:top;" |
* +15% Offensive Military Efficiency
* +5 Mercenary & Prisoner Strength
* Mercenaries and Prisoners may be sent at 1 for every 4 normal troops sent
* −50% Mercenary Cost
* +25% Tactics Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +800 Soldiers
* +800 Specialist Credits
| style="padding:1em; vertical-align:top;" |
No Spells

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The War Hero</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Heroes' Culling'''
: Successful Massacres kill +7% additional peasants and kill an additional 2.5% thieves and wizards.
| style="padding:1em; vertical-align:top;" |
* +15% Honor Gains
* +70% Honor Effects
* Offensive specialist gets +2 strength (Affects NW)
* +25% Siege Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +800 Soldiers
* +800 Specialist Credits
| style="padding:1em; vertical-align:top;" |
[[Mystics#Quick_Feet|Quick Feet]], [[Mystics#Righteous_Aggressor|Righteous Aggressor]], [[Mystics#Paladins_Inspiration|Paladin's Inspiration]]

|}

Age 115

2026-04-28T02:11:29Z

Sonja says: /* Age 115 – Final Changes */

= Age 115 – Final Changes =

<div style="text-align:center; padding:1em; background:linear-gradient(180deg, #001D3D 0%, #000814 100%); border:2px solid #FFC300; border-radius:8px; margin-bottom:1.5em;">
<span style="color:#FFFFFF; font-size:1.3em;">'''Quick Navigation:''' [[#Age_Schedule|Age Schedule]] • [[#War_Doctrines|War Doctrines]] • [[#Core_Mechanics|Core Mechanics]] • [[#Attacks|Attacks]] • [[#Buildings|Buildings]] • [[#Science|Science]] • [[#Relations|Relations]] • [[#Dragons|Dragons]] • [[#Rituals|Rituals]] • [[#Races|Races]] • [[#Personalities|Personalities]]</span>
</div>

== Age Schedule ==

{| class="wikitable" style="width:100%; background:#001D3D; color:#FFFFFF; border:2px solid #FFC300;"
|-
| '''WoL Age 115 Open:''' || TBC
|-
| '''WoL Age 115 Start:''' || 28 April 2026 18:00 UTC
|-
| '''WoL Age 115 End:''' || TBC
|}

== War Doctrines ==

Each race contributes a '''War Doctrine''' that applies kingdom-wide during War. The first province of a race provides a stronger initial bonus, with each additional province contributing a progressively smaller amount.

{| class="wikitable" style="width:60%; background:#001D3D; color:#FFFFFF; border:2px solid #FFC300;"
|-
! style="background:#000814; color:#FFD60A;" | Province Count
! style="background:#000814; color:#FFD60A;" | Doctrine Bonus
|-
| 1st Province || +2.0%
|-
| Each additional Province || +1.5%
|-
| '''Maximum Cap''' || '''10 or 12.5%'''
|}

This rewards early commitment to a race while still allowing deeper specialisation. No War Doctrine may exceed 12.5% total effect.

'''Example:''' If your kingdom has 5 Elf provinces, your kingdom would receive a combined doctrine bonus based on the scaled contributions of each province, reaching toward the maximum cap during war — granting up to +12.5% Offensive WPA and +12.5% Spell Duration during war.

== Core Mechanics & Modifications ==

== Attacks ==

Successful '''Massacres''' will now also apply the following penalties for '''8 ticks''' in addition to the peasant, thief, and wizard kills:

- −1 Mana Recovery
- −1 Stealth Recovery
- −15% Guilds Effectiveness
- −15% Thieves' Dens Effectiveness

This effect refreshes on re-hit, but does not stack.

== Buildings ==

- Guilds reduce wizard losses on failed spells, max −25%
- Castles base percent shifted from 2.25% to 2%

== Science ==

- Resilience Multiplier shifted to 0.04401 from 0.0489
- Artisan Multiplier shifted to 0.04302 from 0.0478
- Finesse Multiplier shifted to 0.08685 from 0.0965

== Relations ==

'''Defensive Force Ceasefire (DFCF)''' reintroduced with the following changes:

DFCF becomes available when all of the following are met:

- The kingdom is 45 points (in-range) or 30 points (out-of-range) below the aggressor on the hostility meter
- The aggressor has not been given Hostile status
- No attacks have been made against the aggressor for 3 ticks
- The kingdom is lower in both Land and Networth than the aggressor

Additional DFCF rules:

- DFCF will incur a penalty if within War Range of the aggressor (15% NW or Land)
- Penalty will be a loss of 2.5% Honor and 2.5% Science
- There is no penalty incurred for DFCF if out of War Range of the aggressor
- Penalty will have a warning popup, as to not be done accidentally
- DFCF duration will be for 48 hours before it can be cancelled by either kingdom

'''Hostile meter''' will now decay after 48 hours of going hostile, decay rate will ramp with meter points.

== Dragons ==

Dragons return not as spectacle, but as pressure. They disrupt economies, drain resolve, and force hard choices until they are answered.

'''Note:''' The Celestite Dragon has been removed in Age 115. Dragon HP has been reduced by 2% across all dragons.

{| class="wikitable" style="width:100%; background:#001D3D; color:#FFFFFF; border:2px solid #FFC300;"
! style="background:#000814; color:#FFD60A;" | Dragon
! style="background:#000814; color:#FFD60A;" | Effects
|-
| '''Amethyst''' || • −30% Spell Success Chance <br> • −30% Thievery Success Chance on sabotage operations <br> • All active self-spells are removed instantly upon arrival <br> • Every 6 ticks thereafter, provinces suffer 2% wizard losses, 2% thief losses
|-
| '''Emerald''' || • +25% Military Casualties <br> • −25% Combat Gains <br> • Destroys 0.5% of troops at home instantly upon arrival <br> • Every 6 ticks thereafter, 1.5% of troops at home are lost and current Building and Specialist Credits are reduced by 40%
|-
| '''Ruby''' || • −12.5% Military Effectiveness <br> • +20% Military Wages <br> • Destroys 1.5% of offensive specialists instantly <br> • Every 6 ticks thereafter, 2.5% of offensive specialists at home desert
|-
| '''Topaz''' || • −30% Building Efficiency <br> • −25% Income <br> • Destroys 10% of buildings instantly upon arrival <br> • Every 6 ticks thereafter, destroys 5% of buildings and 20% of current gold
|-
| '''Sapphire''' || • −35% WPA and TPA <br> • −1 Mana Recovery <br> • −1 Stealth Recovery <br> • +12.5% Instant Spell and Sabotage Damage taken and −12.5% Instant Spell and Sabotage Damage dealt <br> • Every 6 ticks thereafter, destroys 25% of current rune supplies
|}

== Rituals ==

{| class="wikitable" style="width:100%; background:#001D3D; color:#FFFFFF; border:2px solid #FFC300;"
! style="background:#000814; color:#FFD60A;" | Ritual
! style="background:#000814; color:#FFD60A;" | Effects
|-
| '''Prosperity''' || • +25% Income <br> • +20% Birth Rate
|-
| '''Barrier''' || • −25% Damage from Enemy Instant Magic and Thievery Operations
|-
| '''Benediction''' <span style="color:#FFD60A;">'''(New)'''</span> || • +20% Building Efficiency <br> • −20% Draft Costs <br> • −20% Build Costs <br> • −20% Wages
|-
| '''Expropriation''' || • +25% Battle Gains <br> • +25% Specialist Credits Gained in Combat
|-
| '''Fleetfoot''' || • −10% Attack Time <br> • −15% Offensive Military Casualties
|-
| '''Havoc''' || • +25% Offensive WPA <br> • +25% Offensive TPA <br> • +20% Spell Damage <br> • +20% Sabotage Damage
|-
| '''Onslaught''' || • +10% Offensive Military Efficiency <br> • +15% Enemy Military Casualties on Attacks
|-
| '''Stalwart''' || • +5% Defensive Military Efficiency <br> • −20% Raze Damage <br> • −25% Military Casualties
|}

'''Note:''' Expedient has been removed. Benediction is new.

== Races ==

<div style="background: #001D3D; border: 2px solid #FFC300; border-radius: 6px; padding: 2em; margin-top: 2.5em; margin-bottom: 2.5em; font-size: 1.15em; line-height: 2; color: #FFFFFF; box-shadow: 0 3px 12px rgba(0,0,0,0.3);">
Each province in Utopia is defined by its '''Race''' and '''Personality''', which determine unique bonuses, penalties, units, spells, and special abilities. Choose wisely – your combination shapes your entire strategy.
</div>

{| class="wikitable" style="width:100%; color:#000814; padding:0.8em; border:2px solid #FFC300; border-collapse:collapse; font-size:1.05em; box-shadow:0 3px 12px rgba(255,195,0,0.3); border-radius:5px;"

! style="background:#000814; color:#d4a017; padding:0.8em; width:15%;" | Race
! style="background:#000814; color:#d4a017; padding:0.8em; width:24%;" | War Doctrine & Unique Ability
! style="background:#000814; color:#d4a017; padding:0.8em; width:25%;" | Bonuses & Penalties
! style="background:#000814; color:#d4a017; padding:0.8em; width:24%;" | Units
! style="background:#000814; color:#d4a017; padding:0.8em; width:12%;" | Spells

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:Avian.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Avian</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Dive Bomb'''
: Offensive specialists gain +2 offense points (War Only). Does not affect NW.

'''War Doctrine (In War):'''
: Provides up to −10% Attack Time and −12.5% Military Casualties on all attacks to you and all your kingdom.
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- −20% Attack Time
- −25% Training Time
- −25% Military Wage Cost

'''Penalties:'''

- No Access to Stables and War Horses
- −5% BE
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 12/0 (5.0nw)
- Defensive Specialist: 0/10 (5nw)
- Elite Unit: 16/3 (750gc, 7nw)
- Mercenary: 8/0 (0.0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: n/a
| style="padding:1em; vertical-align:top;" |
[[Mystics#Town_Watch|Town Watch]], [[Mystics#Illuminate_Shadows|Illuminate Shadows]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:DarkElf.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Dark Elf</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Mystic Enthusiasts'''
: Successful offensive instant spells refund 40% rune cost.

'''War Doctrine (In War):'''
: Provides up to +12.5% Instant Spell Damage and −12.5% Rune Costs to you and all your kingdom.
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- +35% Instant Spell Damage
- −35% Rune Cost (Not Including Rituals)
- Can train Thieves using Specialist Credits

'''Penalties:'''

- −15% Birth Rates
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 15/0 (6.0nw)
- Defensive Specialist: 0/11 (5.5nw)
- Elite Unit: 4/12 (750gc, 7nw)
- Mercenary: 8/0 (0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: 2/0 (0.6nw)
| style="padding:1em; vertical-align:top;" |
[[Mystics#Blizzard|Blizzard]], [[Mystics#Mage's_Fury|Mage's Fury]], [[Mystics#Illuminate_Shadows|Illuminate Shadows]], [[Mystics#Pitfalls|Pitfalls]], [[Mystics#Mind_Focus|Mind Focus]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:Dwarf.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Dwarf</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Architect's Revenge'''
: Incoming Raze damage reduced by 15% and Raze damage increased by 20%.

'''War Doctrine (In War):'''
: Provides up to −12.5% Construction Costs and +12.5% Income for you and all your kingdom.
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- +30% Building Efficiency
- −50% Construction Time

'''Penalties:'''

- Cannot Accelerate Construction
- +10% Attack Time
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 10/0 (4.0nw)
- Defensive Specialist: 0/10 (5.0nw)
- Elite Unit: 15/5 (800gc, 7nw)
- Mercenary: 8/0 (0.0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: 2/0 (0.6nw)
| style="padding:1em; vertical-align:top;" |
[[Mystics#Miner's_Mystique|Miner's Mystique]], [[Mystics#Town_Watch|Town Watch]], [[Mystics#Reflect_Magic|Reflect Magic]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:Elf.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Elf</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Arcane Surge'''
: Whenever your province's mana drops below 40%, all spells you cast while under that threshold deal +25% spell damage. The boost disappears as soon as your mana climbs back above 40%.

'''War Doctrine (In War):'''
: Provides up to +12.5% Offensive WPA and +12.5% Spell Duration to you and all your kingdom.
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- +40% Magic Effectiveness (WPA)
- +1 Mana Per Tick in War
- +40% Rune Production

'''Penalties:'''

- −20% TPA
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 10/0 (4.0nw)
- Defensive Specialist: 0/13 (6.5nw)
- Elite Unit: 15/4 (750gc, 6.0nw)
- Mercenary: 8/0 (0.0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: 2/0 (0.6nw)
| style="padding:1em; vertical-align:top;" |
[[Mystics#Pitfalls|Pitfalls]], [[Mystics#Wrath|Wrath]], [[Mystics#Vermin|Vermin]], [[Mystics#Sloth|Sloth]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:Faery.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Faery</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Leyline Interference'''
: Enemy spells cast against Faery provinces have a 20% chance to fail.

'''War Doctrine (In War):'''
: Provides up to +12.5% Defensive WPA and −12.5% Damage from Enemy Thievery Operations to you and all your kingdom.
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- +25% Spell Duration
- +20% WPA
- +1 Mana Recovery per Tick

'''Penalties:'''

- −5% Population
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 10/0 (4.0nw)
- Defensive Specialist: 0/10 (5.0nw)
- Elite Unit: 4/16 (1000gc, 8.5nw)
- Mercenary: 8/0 (0.0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: 2/0 (0.6nw)
| style="padding:1em; vertical-align:top;" |
All Racial Spells

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:Halfling.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Halfling</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Silent Assault'''
: Sabotage operations suffer 50% fewer thievery losses.

'''War Doctrine (In War):'''
: Provides up to +12.5% Sabotage Damage and +12.5% Offensive TPA to you and all your kingdom.
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- +10% Population
- +1 Stealth Regeneration Per Tick
- +20% Thievery Effectiveness (TPA)

'''Penalties:'''

- +10% Military Casualties
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 10/0 (4.0nw)
- Defensive Specialist: 0/10 (5.0nw)
- Elite Unit: 6/12 (700gc, 7.5nw)
- Mercenary: 8/0 (0.0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: 2/0 (0.6nw)
| style="padding:1em; vertical-align:top;" |
[[Mystics#Tree_of_Gold|Tree of Gold]], [[Mystics#Greater_Protection|Greater Protection]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:Human.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Human</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Civil Administration'''
: Prisoners generate an additional 2.0gc per tick and Mercenary costs are reduced by 40%.

'''War Doctrine (In War):'''
: Provides up to +12.5% Book Generation and +12.5% Science Effectiveness to you and all your kingdom.
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- All Lands hold Prisoners — 2 per Acre
- +1 Stealth Regeneration Per Tick
- −30% Damage from Learn Attacks
- +10% Science Efficiency

'''Penalties:'''

- Military wage increases take twice as long to fully apply. Wage reductions apply normally.
- +40% Rune Cost (Does not Include Rituals)
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 12/0 (4.8nw)
- Defensive Specialist: 0/10 (5.0nw)
- Elite Unit: 16/3 (750gc, 6.5nw)
- Mercenary: 8/0 (0.0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: 2/0 (0.6nw)
| style="padding:1em; vertical-align:top;" |
[[Mystics#Fountain_of_Knowledge|Fountain of Knowledge]], [[Mystics#Revelation|Revelation]], [[Mystics#Invisibility|Invisibility]], [[Mystics#Guile|Guile]], [[Mystics#Steal_Warhorses|Steal War Horses]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:Orc.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Orc</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Carnage'''
: Every time an Orc makes a successful attack, a random bonus effect is applied to that attack — the spirit of war is unpredictable and wild:
: • Destroy 25% of enemy resources (gold, runes, food)
: • Increases Military Wages by 25% for 4–6 ticks
: • −30% Military Losses

'''War Doctrine (In War):'''
: Provides up to +10% Offensive Military Efficiency and +12.5% Raze Damage to you and all your kingdom.
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- +5% Gains OOW & +15% Gains During War
- −50% Draft Cost

'''Penalties:'''

- −15% DME
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 13/0 (5.2nw)
- Defensive Specialist: 0/10 (5nw)
- Elite Unit: 18/2 (800gc, 7nw)
- Mercenary: 8/0 (0.0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: 2/0 (0.6nw)
| style="padding:1em; vertical-align:top;" |
[[Mystics#Bloodlust|Bloodlust]], [[Mystics#Wrath|Wrath]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:Undead.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Undead</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Death March'''
: Converts 45% of offensive losses into Soldiers instantly.

'''War Doctrine (In War):'''
: Provides up to −12.5% Enemy Battle Gains and +12.5% Increased Plague Spread Chance to you and all your kingdom. (Does not grant the ability to spread Plague.)
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- −45% Military Losses
- Plague Immunity
- Always carries Plague and chance to spread
- No Food Requirement

'''Penalties:'''

- −10% Science Efficiency
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 11/0 (4.4nw)
- Defensive Specialist: 0/10 (5.0nw)
- Elite Unit: 17/4 (800gc, 7nw)
- Mercenary: 8/0 (0.0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: 2/0 (0.6nw)
| style="padding:1em; vertical-align:top;" |
[[Mystics#Animate_Dead|Animate Dead]], [[Mystics#Aggression|Aggression]]

|}

== Personalities ==

{| class="wikitable" style="width:100%; color:#000814; padding:0.8em; border:2px solid #FFC300; border-collapse:collapse; font-size:1.05em; box-shadow:0 3px 12px rgba(255,195,0,0.3); border-radius:5px;"

! style="background:#000814; color:#d4a017; padding:0.8em; width:15%;" | Personality
! style="background:#000814; color:#d4a017; padding:0.8em; width:22%;" | Unique Ability
! style="background:#000814; color:#d4a017; padding:0.8em;" | Bonuses
! style="background:#000814; color:#d4a017; padding:0.8em; width:15%;" | Starting Bonuses
! style="background:#000814; color:#d4a017; padding:0.8em; width:14%;" | Spells

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The Artisan</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Construction Delays'''
: For 3 ticks after a successful attack, the enemy's building efficiency is reduced by 10% (does not stack).
| style="padding:1em; vertical-align:top;" |
* +40% Building Capacity (Homes, Stables, Dungeons)
* +40% Building Production (Banks, Farms, Stables, Towers, Homes)
* Immune to Plunder, Greed and Incite Riots
* +15% Economy Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +600 Soldiers
* +600 Specialist Credits
* +200 Building Credits
| style="padding:1em; vertical-align:top;" |
[[Mystics#Ghost_Workers|Ghost Workers]], [[Mystics#Greater_Protection|Greater Protection]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The General</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: General's Authority'''
: Attacks inflict +15% enemy military casualties when two or more generals are sent.
| style="padding:1em; vertical-align:top;" |
* +1 General
* −20% Training Cost & Speed
* Can train one Elite for every two Specialist Credits
* +15% Military Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +800 Soldiers
* +800 Specialist Credits
| style="padding:1em; vertical-align:top;" |
[[Mystics#Mist|Mist]], [[Mystics#Wrath|Wrath]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The Heretic</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Blasphemous Might'''
: After a failed offensive spell cast, the Heretic recovers 1% Stealth.
| style="padding:1em; vertical-align:top;" |
* +15% TPA
* +15% WPA
* −50% Thief Losses
* +20% Sabotage Damage
* +20% Spell Damage
* +75% Guild Effectiveness
* +15% Arcane Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +400 Wizards
* +400 Thieves
| style="padding:1em; vertical-align:top;" |
[[Mystics#Nightmares|Nightmares]], [[Mystics#Fools_Gold|Fools Gold]], [[Mystics#Mages_Fury|Mage's Fury]], [[Mystics#Vermin|Vermin]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The Mystic</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Focused Channelling'''
: While above 40% mana, spells gain +20% WPA.
| style="padding:1em; vertical-align:top;" |
* +125% Guilds Effectiveness
* +1 Mana Recovery per Tick
* +25% Offensive Spell Duration
* +25% Channeling Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +800 Wizards
| style="padding:1em; vertical-align:top;" |
[[Mystics#Pitfalls|Pitfalls]], [[Mystics#Meteor_Showers|Meteor Showers]], [[Mystics#Chastity|Chastity]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The Necromancer</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Dark Pact'''
: After each successful attack, The Necromancer converts:
: • 10% of the enemy's killed units into Wizards
: • 20% of the enemy's killed units into Soldiers
: • 10% of the enemy's killed units into Peasants
| style="padding:1em; vertical-align:top;" |
* +35% WPA
* +1–10% OME based on RWPA (0.5 rwpa – 5.0 rwpa)
* +25% Channeling Science Efficiency
* −50% Rune Cost (Not Ritual)
| style="padding:1em; vertical-align:top;" |
* +400 Wizards
* +400 Specialist Credits
| style="padding:1em; vertical-align:top;" |
[[Mystics#Animate_Dead|Animate Dead]], [[Mystics#Mind_Focus|Mind Focus]], [[Mystics#Soul_Blight|Soul_Blight]], [[Mystics#Guile|Guile]], [[Mystics#Nightmare|Nightmare]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The Paladin</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Holy Inquisition'''
: Successful Attacks in War or Hostile apply a mini effect:
: • Temporarily suppresses 15% of target's science effectiveness for 6–8 ticks
: • Temporarily reduces Book Generation by 20% for 6–8 ticks
: Effect does not stack, only refreshes.
| style="padding:1em; vertical-align:top;" |
* +2 War Horse Strength (alters NW)
* All lands hold and produce Horses (8 per acre)
* +7.5% Defensive Military Efficiency
* Immune to Plague
* +25% Strategy Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +800 Soldiers
* +800 Specialist Credits
| style="padding:1em; vertical-align:top;" |
[[Mystics#Salvation|Salvation]], [[Mystics#Divine_Shield|Divine Shield]], [[Mystics#Heroes_Inspiration|Heroes' Inspiration]], [[Mystics#Illuminate_Shadows|Illuminate Shadows]], [[Mystics#Wrath|Wrath]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The Rogue</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Shadow Persistence'''
: Rogue provinces may perform thievery operations while overpopulated.
| style="padding:1em; vertical-align:top;" |
* +100% Thieves' Dens Effectiveness
* +20% TPA
* +1 Stealth Recovery per Tick
* Access to All Thievery Operations
* +25% Crime Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +800 Thieves
| style="padding:1em; vertical-align:top;" |
All Thievery Operations

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The Tactician</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Interdiction'''
: Successful Attacks in War destroy resources as follows:
: • 10% of gold
: • 25% of runes
: • 20% of food
| style="padding:1em; vertical-align:top;" |
* −15% Attack Time
* +40% Specialist Credits Gains
* +25% Land gained when Ambushing
* No Thieves lost on Intel
* Enhanced Conquest: Requires only 51% Defence to succeed; only available in War; Base Gains up to 11% max; minimum gains are 3.4% of land when targeting provinces with >130% rNW
* +25% Siege Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +800 Soldiers
* +800 Specialist Credits
| style="padding:1em; vertical-align:top;" |
[[Mystics#Clearsight|Clearsight]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The Warrior</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Battle Cry'''
: Upon successful attack, the attack will destroy 1% of the entire population.
| style="padding:1em; vertical-align:top;" |
* +15% Offensive Military Efficiency
* +5 Mercenary & Prisoner Strength
* Mercenaries and Prisoners may be sent at 1 for every 4 normal troops sent
* −50% Mercenary Cost
* +25% Tactics Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +800 Soldiers
* +800 Specialist Credits
| style="padding:1em; vertical-align:top;" |
No Spells

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The War Hero</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Heroes' Culling'''
: Successful Massacres kill +7% additional peasants and kill an additional 2.5% thieves and wizards.
| style="padding:1em; vertical-align:top;" |
* +15% Honor Gains
* +70% Honor Effects
* Offensive specialist gets +2 strength (Affects NW)
* +25% Siege Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +800 Soldiers
* +800 Specialist Credits
| style="padding:1em; vertical-align:top;" |
[[Mystics#Quick_Feet|Quick Feet]], [[Mystics#Righteous_Aggressor|Righteous Aggressor]], [[Mystics#Paladins_Inspiration|Paladin's Inspiration]]

|}

Age 115

2026-04-28T02:09:55Z

Sonja says: /* War Doctrines */

= Age 115 – Final Changes =

<div style="text-align:center; padding:1em; background:linear-gradient(180deg, #001D3D 0%, #000814 100%); border:2px solid #FFC300; border-radius:8px; margin-bottom:1.5em;">
<span style="color:#FFFFFF; font-size:1.3em;">'''Quick Navigation:''' [[#Age_Schedule|Age Schedule]] • [[#War_Doctrines|War Doctrines]] • [[#Core_Mechanics|Core Mechanics]] • [[#Attacks|Attacks]] • [[#Buildings|Buildings]] • [[#Science|Science]] • [[#Relations|Relations]] • [[#Dragons|Dragons]] • [[#Rituals|Rituals]] • [[#Races|Races]] • [[#Personalities|Personalities]]</span>
</div>

== Age Schedule ==

{| class="wikitable" style="width:100%; background:#001D3D; color:#FFFFFF; border:2px solid #FFC300;"
|-
| '''WoL Age 115 Open:''' || TBC
|-
| '''WoL Age 115 Start:''' || TBC
|-
| '''WoL Age 115 End:''' || TBC
|}

== War Doctrines ==

Each race contributes a '''War Doctrine''' that applies kingdom-wide during War. The first province of a race provides a stronger initial bonus, with each additional province contributing a progressively smaller amount.

{| class="wikitable" style="width:60%; background:#001D3D; color:#FFFFFF; border:2px solid #FFC300;"
|-
! style="background:#000814; color:#FFD60A;" | Province Count
! style="background:#000814; color:#FFD60A;" | Doctrine Bonus
|-
| 1st Province || +2.0%
|-
| Each additional Province || +1.5%
|-
| '''Maximum Cap''' || '''10 or 12.5%'''
|}

This rewards early commitment to a race while still allowing deeper specialisation. No War Doctrine may exceed 12.5% total effect.

'''Example:''' If your kingdom has 5 Elf provinces, your kingdom would receive a combined doctrine bonus based on the scaled contributions of each province, reaching toward the maximum cap during war — granting up to +12.5% Offensive WPA and +12.5% Spell Duration during war.

== Core Mechanics & Modifications ==

== Attacks ==

Successful '''Massacres''' will now also apply the following penalties for '''8 ticks''' in addition to the peasant, thief, and wizard kills:

- −1 Mana Recovery
- −1 Stealth Recovery
- −15% Guilds Effectiveness
- −15% Thieves' Dens Effectiveness

This effect refreshes on re-hit, but does not stack.

== Buildings ==

- Guilds reduce wizard losses on failed spells, max −25%
- Castles base percent shifted from 2.25% to 2%

== Science ==

- Resilience Multiplier shifted to 0.04401 from 0.0489
- Artisan Multiplier shifted to 0.04302 from 0.0478
- Finesse Multiplier shifted to 0.08685 from 0.0965

== Relations ==

'''Defensive Force Ceasefire (DFCF)''' reintroduced with the following changes:

DFCF becomes available when all of the following are met:

- The kingdom is 45 points (in-range) or 30 points (out-of-range) below the aggressor on the hostility meter
- The aggressor has not been given Hostile status
- No attacks have been made against the aggressor for 3 ticks
- The kingdom is lower in both Land and Networth than the aggressor

Additional DFCF rules:

- DFCF will incur a penalty if within War Range of the aggressor (15% NW or Land)
- Penalty will be a loss of 2.5% Honor and 2.5% Science
- There is no penalty incurred for DFCF if out of War Range of the aggressor
- Penalty will have a warning popup, as to not be done accidentally
- DFCF duration will be for 48 hours before it can be cancelled by either kingdom

'''Hostile meter''' will now decay after 48 hours of going hostile, decay rate will ramp with meter points.

== Dragons ==

Dragons return not as spectacle, but as pressure. They disrupt economies, drain resolve, and force hard choices until they are answered.

'''Note:''' The Celestite Dragon has been removed in Age 115. Dragon HP has been reduced by 2% across all dragons.

{| class="wikitable" style="width:100%; background:#001D3D; color:#FFFFFF; border:2px solid #FFC300;"
! style="background:#000814; color:#FFD60A;" | Dragon
! style="background:#000814; color:#FFD60A;" | Effects
|-
| '''Amethyst''' || • −30% Spell Success Chance <br> • −30% Thievery Success Chance on sabotage operations <br> • All active self-spells are removed instantly upon arrival <br> • Every 6 ticks thereafter, provinces suffer 2% wizard losses, 2% thief losses
|-
| '''Emerald''' || • +25% Military Casualties <br> • −25% Combat Gains <br> • Destroys 0.5% of troops at home instantly upon arrival <br> • Every 6 ticks thereafter, 1.5% of troops at home are lost and current Building and Specialist Credits are reduced by 40%
|-
| '''Ruby''' || • −12.5% Military Effectiveness <br> • +20% Military Wages <br> • Destroys 1.5% of offensive specialists instantly <br> • Every 6 ticks thereafter, 2.5% of offensive specialists at home desert
|-
| '''Topaz''' || • −30% Building Efficiency <br> • −25% Income <br> • Destroys 10% of buildings instantly upon arrival <br> • Every 6 ticks thereafter, destroys 5% of buildings and 20% of current gold
|-
| '''Sapphire''' || • −35% WPA and TPA <br> • −1 Mana Recovery <br> • −1 Stealth Recovery <br> • +12.5% Instant Spell and Sabotage Damage taken and −12.5% Instant Spell and Sabotage Damage dealt <br> • Every 6 ticks thereafter, destroys 25% of current rune supplies
|}

== Rituals ==

{| class="wikitable" style="width:100%; background:#001D3D; color:#FFFFFF; border:2px solid #FFC300;"
! style="background:#000814; color:#FFD60A;" | Ritual
! style="background:#000814; color:#FFD60A;" | Effects
|-
| '''Prosperity''' || • +25% Income <br> • +20% Birth Rate
|-
| '''Barrier''' || • −25% Damage from Enemy Instant Magic and Thievery Operations
|-
| '''Benediction''' <span style="color:#FFD60A;">'''(New)'''</span> || • +20% Building Efficiency <br> • −20% Draft Costs <br> • −20% Build Costs <br> • −20% Wages
|-
| '''Expropriation''' || • +25% Battle Gains <br> • +25% Specialist Credits Gained in Combat
|-
| '''Fleetfoot''' || • −10% Attack Time <br> • −15% Offensive Military Casualties
|-
| '''Havoc''' || • +25% Offensive WPA <br> • +25% Offensive TPA <br> • +20% Spell Damage <br> • +20% Sabotage Damage
|-
| '''Onslaught''' || • +10% Offensive Military Efficiency <br> • +15% Enemy Military Casualties on Attacks
|-
| '''Stalwart''' || • +5% Defensive Military Efficiency <br> • −20% Raze Damage <br> • −25% Military Casualties
|}

'''Note:''' Expedient has been removed. Benediction is new.

== Races ==

<div style="background: #001D3D; border: 2px solid #FFC300; border-radius: 6px; padding: 2em; margin-top: 2.5em; margin-bottom: 2.5em; font-size: 1.15em; line-height: 2; color: #FFFFFF; box-shadow: 0 3px 12px rgba(0,0,0,0.3);">
Each province in Utopia is defined by its '''Race''' and '''Personality''', which determine unique bonuses, penalties, units, spells, and special abilities. Choose wisely – your combination shapes your entire strategy.
</div>

{| class="wikitable" style="width:100%; color:#000814; padding:0.8em; border:2px solid #FFC300; border-collapse:collapse; font-size:1.05em; box-shadow:0 3px 12px rgba(255,195,0,0.3); border-radius:5px;"

! style="background:#000814; color:#d4a017; padding:0.8em; width:15%;" | Race
! style="background:#000814; color:#d4a017; padding:0.8em; width:24%;" | War Doctrine & Unique Ability
! style="background:#000814; color:#d4a017; padding:0.8em; width:25%;" | Bonuses & Penalties
! style="background:#000814; color:#d4a017; padding:0.8em; width:24%;" | Units
! style="background:#000814; color:#d4a017; padding:0.8em; width:12%;" | Spells

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:Avian.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Avian</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Dive Bomb'''
: Offensive specialists gain +2 offense points (War Only). Does not affect NW.

'''War Doctrine (In War):'''
: Provides up to −10% Attack Time and −12.5% Military Casualties on all attacks to you and all your kingdom.
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- −20% Attack Time
- −25% Training Time
- −25% Military Wage Cost

'''Penalties:'''

- No Access to Stables and War Horses
- −5% BE
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 12/0 (5.0nw)
- Defensive Specialist: 0/10 (5nw)
- Elite Unit: 16/3 (750gc, 7nw)
- Mercenary: 8/0 (0.0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: n/a
| style="padding:1em; vertical-align:top;" |
[[Mystics#Town_Watch|Town Watch]], [[Mystics#Illuminate_Shadows|Illuminate Shadows]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:DarkElf.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Dark Elf</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Mystic Enthusiasts'''
: Successful offensive instant spells refund 40% rune cost.

'''War Doctrine (In War):'''
: Provides up to +12.5% Instant Spell Damage and −12.5% Rune Costs to you and all your kingdom.
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- +35% Instant Spell Damage
- −35% Rune Cost (Not Including Rituals)
- Can train Thieves using Specialist Credits

'''Penalties:'''

- −15% Birth Rates
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 15/0 (6.0nw)
- Defensive Specialist: 0/11 (5.5nw)
- Elite Unit: 4/12 (750gc, 7nw)
- Mercenary: 8/0 (0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: 2/0 (0.6nw)
| style="padding:1em; vertical-align:top;" |
[[Mystics#Blizzard|Blizzard]], [[Mystics#Mage's_Fury|Mage's Fury]], [[Mystics#Illuminate_Shadows|Illuminate Shadows]], [[Mystics#Pitfalls|Pitfalls]], [[Mystics#Mind_Focus|Mind Focus]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:Dwarf.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Dwarf</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Architect's Revenge'''
: Incoming Raze damage reduced by 15% and Raze damage increased by 20%.

'''War Doctrine (In War):'''
: Provides up to −12.5% Construction Costs and +12.5% Income for you and all your kingdom.
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- +30% Building Efficiency
- −50% Construction Time

'''Penalties:'''

- Cannot Accelerate Construction
- +10% Attack Time
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 10/0 (4.0nw)
- Defensive Specialist: 0/10 (5.0nw)
- Elite Unit: 15/5 (800gc, 7nw)
- Mercenary: 8/0 (0.0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: 2/0 (0.6nw)
| style="padding:1em; vertical-align:top;" |
[[Mystics#Miner's_Mystique|Miner's Mystique]], [[Mystics#Town_Watch|Town Watch]], [[Mystics#Reflect_Magic|Reflect Magic]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:Elf.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Elf</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Arcane Surge'''
: Whenever your province's mana drops below 40%, all spells you cast while under that threshold deal +25% spell damage. The boost disappears as soon as your mana climbs back above 40%.

'''War Doctrine (In War):'''
: Provides up to +12.5% Offensive WPA and +12.5% Spell Duration to you and all your kingdom.
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- +40% Magic Effectiveness (WPA)
- +1 Mana Per Tick in War
- +40% Rune Production

'''Penalties:'''

- −20% TPA
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 10/0 (4.0nw)
- Defensive Specialist: 0/13 (6.5nw)
- Elite Unit: 15/4 (750gc, 6.0nw)
- Mercenary: 8/0 (0.0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: 2/0 (0.6nw)
| style="padding:1em; vertical-align:top;" |
[[Mystics#Pitfalls|Pitfalls]], [[Mystics#Wrath|Wrath]], [[Mystics#Vermin|Vermin]], [[Mystics#Sloth|Sloth]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:Faery.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Faery</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Leyline Interference'''
: Enemy spells cast against Faery provinces have a 20% chance to fail.

'''War Doctrine (In War):'''
: Provides up to +12.5% Defensive WPA and −12.5% Damage from Enemy Thievery Operations to you and all your kingdom.
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- +25% Spell Duration
- +20% WPA
- +1 Mana Recovery per Tick

'''Penalties:'''

- −5% Population
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 10/0 (4.0nw)
- Defensive Specialist: 0/10 (5.0nw)
- Elite Unit: 4/16 (1000gc, 8.5nw)
- Mercenary: 8/0 (0.0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: 2/0 (0.6nw)
| style="padding:1em; vertical-align:top;" |
All Racial Spells

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:Halfling.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Halfling</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Silent Assault'''
: Sabotage operations suffer 50% fewer thievery losses.

'''War Doctrine (In War):'''
: Provides up to +12.5% Sabotage Damage and +12.5% Offensive TPA to you and all your kingdom.
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- +10% Population
- +1 Stealth Regeneration Per Tick
- +20% Thievery Effectiveness (TPA)

'''Penalties:'''

- +10% Military Casualties
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 10/0 (4.0nw)
- Defensive Specialist: 0/10 (5.0nw)
- Elite Unit: 6/12 (700gc, 7.5nw)
- Mercenary: 8/0 (0.0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: 2/0 (0.6nw)
| style="padding:1em; vertical-align:top;" |
[[Mystics#Tree_of_Gold|Tree of Gold]], [[Mystics#Greater_Protection|Greater Protection]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:Human.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Human</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Civil Administration'''
: Prisoners generate an additional 2.0gc per tick and Mercenary costs are reduced by 40%.

'''War Doctrine (In War):'''
: Provides up to +12.5% Book Generation and +12.5% Science Effectiveness to you and all your kingdom.
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- All Lands hold Prisoners — 2 per Acre
- +1 Stealth Regeneration Per Tick
- −30% Damage from Learn Attacks
- +10% Science Efficiency

'''Penalties:'''

- Military wage increases take twice as long to fully apply. Wage reductions apply normally.
- +40% Rune Cost (Does not Include Rituals)
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 12/0 (4.8nw)
- Defensive Specialist: 0/10 (5.0nw)
- Elite Unit: 16/3 (750gc, 6.5nw)
- Mercenary: 8/0 (0.0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: 2/0 (0.6nw)
| style="padding:1em; vertical-align:top;" |
[[Mystics#Fountain_of_Knowledge|Fountain of Knowledge]], [[Mystics#Revelation|Revelation]], [[Mystics#Invisibility|Invisibility]], [[Mystics#Guile|Guile]], [[Mystics#Steal_Warhorses|Steal War Horses]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:Orc.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Orc</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Carnage'''
: Every time an Orc makes a successful attack, a random bonus effect is applied to that attack — the spirit of war is unpredictable and wild:
: • Destroy 25% of enemy resources (gold, runes, food)
: • Increases Military Wages by 25% for 4–6 ticks
: • −30% Military Losses

'''War Doctrine (In War):'''
: Provides up to +10% Offensive Military Efficiency and +12.5% Raze Damage to you and all your kingdom.
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- +5% Gains OOW & +15% Gains During War
- −50% Draft Cost

'''Penalties:'''

- −15% DME
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 13/0 (5.2nw)
- Defensive Specialist: 0/10 (5nw)
- Elite Unit: 18/2 (800gc, 7nw)
- Mercenary: 8/0 (0.0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: 2/0 (0.6nw)
| style="padding:1em; vertical-align:top;" |
[[Mystics#Bloodlust|Bloodlust]], [[Mystics#Wrath|Wrath]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:Undead.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Undead</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Death March'''
: Converts 45% of offensive losses into Soldiers instantly.

'''War Doctrine (In War):'''
: Provides up to −12.5% Enemy Battle Gains and +12.5% Increased Plague Spread Chance to you and all your kingdom. (Does not grant the ability to spread Plague.)
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- −45% Military Losses
- Plague Immunity
- Always carries Plague and chance to spread
- No Food Requirement

'''Penalties:'''

- −10% Science Efficiency
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 11/0 (4.4nw)
- Defensive Specialist: 0/10 (5.0nw)
- Elite Unit: 17/4 (800gc, 7nw)
- Mercenary: 8/0 (0.0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: 2/0 (0.6nw)
| style="padding:1em; vertical-align:top;" |
[[Mystics#Animate_Dead|Animate Dead]], [[Mystics#Aggression|Aggression]]

|}

== Personalities ==

{| class="wikitable" style="width:100%; color:#000814; padding:0.8em; border:2px solid #FFC300; border-collapse:collapse; font-size:1.05em; box-shadow:0 3px 12px rgba(255,195,0,0.3); border-radius:5px;"

! style="background:#000814; color:#d4a017; padding:0.8em; width:15%;" | Personality
! style="background:#000814; color:#d4a017; padding:0.8em; width:22%;" | Unique Ability
! style="background:#000814; color:#d4a017; padding:0.8em;" | Bonuses
! style="background:#000814; color:#d4a017; padding:0.8em; width:15%;" | Starting Bonuses
! style="background:#000814; color:#d4a017; padding:0.8em; width:14%;" | Spells

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The Artisan</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Construction Delays'''
: For 3 ticks after a successful attack, the enemy's building efficiency is reduced by 10% (does not stack).
| style="padding:1em; vertical-align:top;" |
* +40% Building Capacity (Homes, Stables, Dungeons)
* +40% Building Production (Banks, Farms, Stables, Towers, Homes)
* Immune to Plunder, Greed and Incite Riots
* +15% Economy Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +600 Soldiers
* +600 Specialist Credits
* +200 Building Credits
| style="padding:1em; vertical-align:top;" |
[[Mystics#Ghost_Workers|Ghost Workers]], [[Mystics#Greater_Protection|Greater Protection]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The General</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: General's Authority'''
: Attacks inflict +15% enemy military casualties when two or more generals are sent.
| style="padding:1em; vertical-align:top;" |
* +1 General
* −20% Training Cost & Speed
* Can train one Elite for every two Specialist Credits
* +15% Military Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +800 Soldiers
* +800 Specialist Credits
| style="padding:1em; vertical-align:top;" |
[[Mystics#Mist|Mist]], [[Mystics#Wrath|Wrath]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The Heretic</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Blasphemous Might'''
: After a failed offensive spell cast, the Heretic recovers 1% Stealth.
| style="padding:1em; vertical-align:top;" |
* +15% TPA
* +15% WPA
* −50% Thief Losses
* +20% Sabotage Damage
* +20% Spell Damage
* +75% Guild Effectiveness
* +15% Arcane Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +400 Wizards
* +400 Thieves
| style="padding:1em; vertical-align:top;" |
[[Mystics#Nightmares|Nightmares]], [[Mystics#Fools_Gold|Fools Gold]], [[Mystics#Mages_Fury|Mage's Fury]], [[Mystics#Vermin|Vermin]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The Mystic</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Focused Channelling'''
: While above 40% mana, spells gain +20% WPA.
| style="padding:1em; vertical-align:top;" |
* +125% Guilds Effectiveness
* +1 Mana Recovery per Tick
* +25% Offensive Spell Duration
* +25% Channeling Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +800 Wizards
| style="padding:1em; vertical-align:top;" |
[[Mystics#Pitfalls|Pitfalls]], [[Mystics#Meteor_Showers|Meteor Showers]], [[Mystics#Chastity|Chastity]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The Necromancer</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Dark Pact'''
: After each successful attack, The Necromancer converts:
: • 10% of the enemy's killed units into Wizards
: • 20% of the enemy's killed units into Soldiers
: • 10% of the enemy's killed units into Peasants
| style="padding:1em; vertical-align:top;" |
* +35% WPA
* +1–10% OME based on RWPA (0.5 rwpa – 5.0 rwpa)
* +25% Channeling Science Efficiency
* −50% Rune Cost (Not Ritual)
| style="padding:1em; vertical-align:top;" |
* +400 Wizards
* +400 Specialist Credits
| style="padding:1em; vertical-align:top;" |
[[Mystics#Animate_Dead|Animate Dead]], [[Mystics#Mind_Focus|Mind Focus]], [[Mystics#Soul_Blight|Soul_Blight]], [[Mystics#Guile|Guile]], [[Mystics#Nightmare|Nightmare]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The Paladin</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Holy Inquisition'''
: Successful Attacks in War or Hostile apply a mini effect:
: • Temporarily suppresses 15% of target's science effectiveness for 6–8 ticks
: • Temporarily reduces Book Generation by 20% for 6–8 ticks
: Effect does not stack, only refreshes.
| style="padding:1em; vertical-align:top;" |
* +2 War Horse Strength (alters NW)
* All lands hold and produce Horses (8 per acre)
* +7.5% Defensive Military Efficiency
* Immune to Plague
* +25% Strategy Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +800 Soldiers
* +800 Specialist Credits
| style="padding:1em; vertical-align:top;" |
[[Mystics#Salvation|Salvation]], [[Mystics#Divine_Shield|Divine Shield]], [[Mystics#Heroes_Inspiration|Heroes' Inspiration]], [[Mystics#Illuminate_Shadows|Illuminate Shadows]], [[Mystics#Wrath|Wrath]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The Rogue</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Shadow Persistence'''
: Rogue provinces may perform thievery operations while overpopulated.
| style="padding:1em; vertical-align:top;" |
* +100% Thieves' Dens Effectiveness
* +20% TPA
* +1 Stealth Recovery per Tick
* Access to All Thievery Operations
* +25% Crime Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +800 Thieves
| style="padding:1em; vertical-align:top;" |
All Thievery Operations

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The Tactician</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Interdiction'''
: Successful Attacks in War destroy resources as follows:
: • 10% of gold
: • 25% of runes
: • 20% of food
| style="padding:1em; vertical-align:top;" |
* −15% Attack Time
* +40% Specialist Credits Gains
* +25% Land gained when Ambushing
* No Thieves lost on Intel
* Enhanced Conquest: Requires only 51% Defence to succeed; only available in War; Base Gains up to 11% max; minimum gains are 3.4% of land when targeting provinces with >130% rNW
* +25% Siege Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +800 Soldiers
* +800 Specialist Credits
| style="padding:1em; vertical-align:top;" |
[[Mystics#Clearsight|Clearsight]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The Warrior</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Battle Cry'''
: Upon successful attack, the attack will destroy 1% of the entire population.
| style="padding:1em; vertical-align:top;" |
* +15% Offensive Military Efficiency
* +5 Mercenary & Prisoner Strength
* Mercenaries and Prisoners may be sent at 1 for every 4 normal troops sent
* −50% Mercenary Cost
* +25% Tactics Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +800 Soldiers
* +800 Specialist Credits
| style="padding:1em; vertical-align:top;" |
No Spells

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The War Hero</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Heroes' Culling'''
: Successful Massacres kill +7% additional peasants and kill an additional 2.5% thieves and wizards.
| style="padding:1em; vertical-align:top;" |
* +15% Honor Gains
* +70% Honor Effects
* Offensive specialist gets +2 strength (Affects NW)
* +25% Siege Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +800 Soldiers
* +800 Specialist Credits
| style="padding:1em; vertical-align:top;" |
[[Mystics#Quick_Feet|Quick Feet]], [[Mystics#Righteous_Aggressor|Righteous Aggressor]], [[Mystics#Paladins_Inspiration|Paladin's Inspiration]]

|}

MediaWiki:Common.css

2026-04-28T02:08:51Z

Sonja says: Revert: undo Discord-link hover lock

/* =========================================================
GLOBAL THEME – MediaWiki 1.45 / Vector 2022
========================================================= */

/* ---------- Base background reset ---------- */

:root {
background: #000814 !important;
}

html,
body,
.vector-feature-page-tools-disabled .mw-page-container,
.vector-feature-page-tools-enabled .mw-page-container {
background: transparent !important;
}

/* Transparent content containers */
.mw-page-container,
.mw-body,
.vector-body {
background: transparent !important;
}

/* ---------- Particle canvas ---------- */
#particle-canvas {
position: fixed;
inset: 0;
z-index: -1;
pointer-events: none;
}

/* ---------- Base text ---------- */
body,
.mw-body,
.mw-body-content,
#mw-content-text,
.vector-body {
color: #fff !important;
}

/* ---------- Headings ---------- */
h1, h2, h3, h4, h5, h6,
.mw-headline,
#firstHeading,
.mw-page-title-main,
.page-Main_Page h1 {
color: #FFC300 !important;
}

/* ---------- Logo ---------- */
.mw-logo-icon,
.mw-logo-icon img,
.mw-logo img,
.mw-logo a.mw-logo-container img {
height: 100px !important;
width: auto !important;
max-height: 100px !important;
}
.mw-logo-icon { background-size: auto 100px !important; }

@media (max-width: 720px) {
.mw-logo-icon,
.mw-logo-icon img,
.mw-logo img,
.mw-logo a.mw-logo-container img {
height: 32px !important;
max-height: 32px !important;
}
.mw-logo-icon { background-size: auto 32px !important; }
}

/* ---------- Header ---------- */
.vector-header-container,
.vector-header,
#mw-header-container,
.mw-header {
background: #000814 !important;
border-bottom: 2px solid #FFC300 !important;
}

/* Site name */
.mw-logo-wordmark,
.mw-logo-wordmark a {
color: #FFC300 !important;
font-size: 1.8em !important;
font-weight: bold !important;
text-decoration: none !important;
}
.mw-logo-wordmark a:hover { color: #FFD60A !important; }

/* Sidebar headings */
.vector-pinnable-header-label,
.vector-main-menu-heading,
.mw-portlet h3 {
color: #FFC300 !important;
}

/* =========================================================
PAGE CONTENT LINKS
========================================================= */
.mw-parser-output a { color: #4DA3FF !important; }
.mw-parser-output a:visited { color: #9B7CFF !important; }
.mw-parser-output a:hover { color: #6BB6FF !important; text-decoration: underline; }
.mw-parser-output a:active { color: #1F4FA3 !important; }
.mw-parser-output a.new,
.mw-parser-output a.new:visited { color: #CC2200 !important; }

/* Optional: keep only if something is overriding text colors inside articles */
/* .mw-parser-output { color: #fff !important; } */

/* =========================================================
GLOBAL TABLE THEME (ALL PAGES)
========================================================= */

.mw-parser-output .wikitable {
width: auto !important; /* stop full-width */
max-width: 100% !important; /* don’t overflow the page */
border-collapse: collapse !important;
margin: 0.75em 0;
background: #303030 !important;
border: 1px solid #555555 !important;
}

.mw-parser-output .wikitable caption {
background: #001D3D !important;
color: #fff !important;
font-weight: bold;
padding: 0.5em 0.7em !important;
border-bottom: 1px solid #555555 !important;
}

.mw-parser-output .wikitable thead th {
background: #000 !important;
color: #EAEAEA !important;
font-weight: 700;
border: 1px solid #666666 !important;
padding: 0.5em 0.7em !important;
}

.mw-parser-output .wikitable tbody tr:nth-child(odd) { background-color: #303030 !important; }
.mw-parser-output .wikitable tbody tr:nth-child(even) { background-color: #505050 !important; }

.mw-parser-output .wikitable tbody td {
border: 1px solid #555555 !important;
color: #EAEAEA !important;
padding: 0.5em 0.7em !important;
}

/* =========================================================
TABLE OF CONTENTS – Vector 2022
========================================================= */
#vector-toc,
#toc {
background: #001D3D !important;
border: 1px solid #FFC300 !important;
border-radius: 6px;
padding: 0.75em;
}

#vector-toc .vector-pinnable-header-label,
#toc .toctitle {
color: #FFC300 !important;
font-weight: bold;
}

#vector-toc .vector-toc-text,
#toc a {
color: #EAEAEA !important;
opacity: 1 !important;
text-decoration: none;
}

/* Active item */
#vector-toc .vector-toc-list-item-active { background: transparent !important; }
#vector-toc .vector-toc-list-item-active > a.vector-toc-link { background-color: #FFD60A !important; }
#vector-toc .vector-toc-list-item-active > a.vector-toc-link .vector-toc-text {
color: #000814 !important;
font-weight: 700 !important;
}

/* Expanded parent rules */
#vector-toc .vector-toc-level-1.vector-toc-list-item-expanded > a.vector-toc-link .vector-toc-text {
color: #FFC300 !important;
font-weight: 600 !important;
}
#vector-toc .vector-toc-level-1.vector-toc-list-item-expanded.vector-toc-list-item-active > a.vector-toc-link .vector-toc-text {
color: #000814 !important;
font-weight: 700 !important;
}
#vector-toc .vector-toc-level-1.vector-toc-list-item-expanded ul .vector-toc-text {
color: #EAEAEA !important;
font-weight: normal !important;
}

/* Hover */
#vector-toc .vector-toc-list-item:not(.vector-toc-list-item-active) > a.vector-toc-link:hover .vector-toc-text {
color: #FFD60A !important;
}
#vector-toc .vector-toc-list-item-active > a.vector-toc-link:hover .vector-toc-text {
color: #000814 !important;
}

/* Remove wrappers */
.vector-toc-container,
#vector-toc-pinned-container,
.vector-pinned-container {
background: transparent !important;
border: none !important;
box-shadow: none !important;
}

/* Inline (article) TOC only */
.mw-parser-output > .toc {
background: #001D3D !important;
border: 1px solid #FFC300 !important;
}

/* =========================================================
Formula Boxes
========================================================= */
.formula-box {
display: inline-block !important; /* shrink to fit */
width: auto !important; /* no full width */
max-width: 100% !important; /* prevent overflow */
background: #001D3D;
border: 1px solid #FFC300;
border-radius: 10px;
padding: 0.8em 1em;
margin: 0.75em 0;
color: #EAEAEA;
line-height: 1.6;
white-space: normal;
overflow-wrap: anywhere;
}

.formula-box a { color: #4DA3FF !important; }
.formula-box a:visited { color: #9B7CFF !important; }

/* =========================
Vector 2022 – RIGHT PAGE TOOLS: remove the fade/gradient
========================= */
.vector-page-tools::before,
.vector-page-tools::after,
.vector-page-tools-container::before,
.vector-page-tools-container::after,
.vector-page-tools-landmark::before,
.vector-page-tools-landmark::after,
.vector-sticky-pinned-container::before,
.vector-sticky-pinned-container::after,
.vector-page-tools .vector-sticky-pinned-container::before,
.vector-page-tools .vector-sticky-pinned-container::after {
background: none !important;
background-image: none !important;
box-shadow: none !important;
filter: none !important;
backdrop-filter: none !important;
mask-image: none !important;
-webkit-mask-image: none !important;
}

/* Change Navigation Icon/Link Colors */
#mw-panel .portal a,
#mw-panel .portal a:visited {
color: #FFC300 !important; /* Change to your desired color */
}

/* Change Footer Link Colors */
div#footer ul li a,
div#footer ul li a:visited {
color: #FFC300 !important; /* Change to your desired color */
}

/* Change Footer Text and Icons */
div#footer ul li {
color: #FFC300 !important;
}

/* Change Navigation Icon/Link Colors */
#mw-panel .portal a,
#mw-panel .portal a:visited {
color: #FFC300 !important; /* Change to your desired color */
}

/* ===== NAVIGATION ICONS - VECTOR 2022 ===== */
/* User menu icon (person icon) */
.vector-user-links .vector-icon,
.vector-user-menu-login .vector-icon,
.vector-user-menu-create-account .vector-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* Settings/hamburger menu icon */
.vector-main-menu-action-toggle .vector-icon,
.vector-page-tools-landmark .vector-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* All navigation icons */
.vector-icon,
.mw-ui-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* User menu links (username) */
.vector-user-links a,
.vector-user-menu-logged-in .vector-user-links-main a {
color: #FFC300 !important;
}

/* ===== FOOTER LINKS - VECTOR 2022 ===== */
/* All footer links */
#footer a,
#footer a:link,
#footer a:visited,
.mw-footer a,
.mw-footer a:link,
.mw-footer a:visited,
footer a,
footer a:link,
footer a:visited {
color: #FFC300 !important;
}

/* Footer text color */
#footer,
#footer li,
.mw-footer,
.mw-footer li,
footer,
footer li {
color: #FFC300 !important;
}

/* Older footer selectors (keeping for compatibility) */
div#footer ul li a,
div#footer ul li a:visited {
color: #FFC300 !important;
}

div#footer ul li {
color: #FFC300 !important;
}

/* =========================================================
VECTOR 2022 – PAGE ACTIONS / TABS COLOR CONTROL
Applies to: Main Page | Discussion | Read | Edit | History | Tools
========================================================= */

/* Default page action links (not active) */
.vector-page-toolbar a,
.vector-page-toolbar a:link,
.vector-page-toolbar a:visited,
.vector-page-toolbar .mw-ui-icon a {
color: #FFC300 !important;
}

/* Hover state (optional subtle brighten) */
.vector-page-toolbar a:hover {
color: #FFD60A !important;
}

/* ACTIVE / CURRENT TAB (e.g. Main Page, Edit when editing) */
.vector-page-toolbar .selected a,
.vector-page-toolbar .mw-ui-button.mw-ui-progressive,
.vector-page-toolbar .mw-ui-button.mw-ui-progressive:visited {
color: #FFFFFF !important;
}

/* Ensure active tab background doesn't force dark text */
.vector-page-toolbar .selected a,
.vector-page-toolbar .selected span {
color: #FFFFFF !important;
}

/* Missing page links stay red */
.vector-page-toolbar a.new,
.vector-page-toolbar a.new:visited {
color: #CC2200 !important;
}

/* ============ NAVPILLS ============ */
/* Navpills styling */
.navpills-container {
margin: 1.5em 0;
padding: 0;
}

.navpills {
display: flex;
flex-wrap: wrap;
gap: 0.8em;
list-style: none;
margin: 0;
padding: 0;
}

.navpill-item {
display: inline-block;
}

.navpill-item a {
text-decoration: none !important;
}

.navpill-item a span {
display: inline-block;
padding: 0.7em 1.3em;
background: linear-gradient(135deg, #003566 0%, #001D3D 100%);
color: #FFC300 !important;
border: 2px solid #FFC300;
border-radius: 6px;
font-weight: bold;
text-decoration: none;
transition: all 0.3s ease;
font-size: 1.05em;
box-shadow: 0 2px 8px rgba(255, 195, 0, 0.2);
}

.navpill-item a:hover span {
background: linear-gradient(135deg, #FFC300 0%, #FFD60A 100%);
color: #000814 !important;
border-color: #FFD60A;
box-shadow: 0 4px 12px rgba(255, 195, 0, 0.4);
transform: translateY(-2px);
}

/* Mobile responsive */
@media (max-width: 768px) {
.navpills {
flex-direction: column;
}

.navpill-item {
width: 100%;
}

.navpill-item a span {
display: block;
text-align: center;
}
}

/* ============ TABS ============ */
/* CSS-Only Tabs */
.wiki-tabs-container-css {
margin: 2em 0;
background: linear-gradient(180deg, #001D3D 0%, #000814 100%);
border: 2px solid #FFC300;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 15px rgba(255, 195, 0, 0.2);
}

/* Hide radio buttons */
.wiki-tab-radio {
display: none;
}

/* Tab Labels (Buttons) */
.wiki-tab-label {
display: inline-block;
padding: 1em 1.5em;
background: #001D3D;
color: #FFC300;
border-right: 1px solid rgba(255, 195, 0, 0.3);
font-size: 1.1em;
font-weight: bold;
cursor: pointer;
transition: all 0.3s ease;
text-align: center;
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, serif;
margin: 0;
border-bottom: 2px solid #000814;
}

.wiki-tab-label:hover {
background: #003566;
color: #FFD60A;
}

/* Active tab style */
.wiki-tab-radio:checked + .wiki-tab-label {
background: #FFC300;
color: #000814;
border-bottom: 3px solid #FFD60A;
}

/* Tab Content */
.wiki-tab-content {
display: none;
padding: 2em;
color: #FFFFFF;
}

/* Show content when tab is checked */
.wiki-tab-radio:checked ~ .wiki-tab-content {
display: block;
}

/* Mobile Responsive */
@media (max-width: 768px) {
.wiki-tab-label {
display: block;
width: 100%;
border-right: none;
border-bottom: 1px solid rgba(255, 195, 0, 0.3);
}
}

/* =========================================================
STICKY HEADER FIX - Keep blue background when scrolling
========================================================= */

/* Sticky header container */
.vector-sticky-header,
.vector-sticky-header-container {
background: #000814 !important;
border-bottom: 2px solid #FFC300 !important;
}

/* Sticky header elements */
.vector-sticky-header-start,
.vector-sticky-header-end,
.vector-sticky-header-context-bar {
background: #000814 !important;
}

/* Page title in sticky header */
.vector-sticky-header-context-bar-primary,
.vector-sticky-header .mw-page-title-main {
color: #FFC300 !important;
}

/* Sticky header buttons and icons */
.vector-sticky-header button,
.vector-sticky-header .vector-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* Sticky header links */
.vector-sticky-header a {
color: #FFC300 !important;
}

/* Race table text override */
.racebox td {
color: black !important;
}

.racebox th {
color: white !important; /* keeps your header colors */
}

/* Equal-width navpills grid */
.navpills-equal-grid .navpills {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 1em !important;
}

.navpills-equal-grid .navpill-item {
width: 100% !important;
display: block !important;
}

.navpills-equal-grid .navpill-item a span {
display: block !important;
width: 100% !important;
text-align: center !important;
padding: 0.5em !important;
box-sizing: border-box !important;
}

@media (max-width: 768px) {
.navpills-equal-grid .navpills {
grid-template-columns: 1fr !important;
}
}

/* Race card buttons with hover animation */
.race-card {
display: block;
text-align: center;
padding: 1.5em 1em;
background: linear-gradient(135deg, #003566 0%, #001D3D 100%);
border: 2px solid #FFC300;
border-radius: 8px;
transition: all 0.3s ease;
box-shadow: 0 2px 8px rgba(255, 195, 0, 0.2);
text-decoration: none;
}

.race-card:hover {
background: linear-gradient(135deg, #FFC300 0%, #FFD60A 100%);
border-color: #FFD60A;
box-shadow: 0 4px 12px rgba(255, 195, 0, 0.4);
transform: translateY(-4px);
}

.race-card img {
display: block;
margin: 0 auto;
transition: transform 0.3s ease;
}

.race-card:hover img {
transform: scale(1.05);
}

.race-card-name {
margin-top: 0.8em;
font-size: 1.2em;
font-weight: bold;
color: #FFC300;
transition: color 0.3s ease;
}

.race-card:hover .race-card-name {
color: #000814;
}

/* =========================================================
Time widgets (works in BOTH main header + sticky header)
========================================================= */

.time-widgets {
display: inline-flex !important;
align-items: center !important;
gap: 12px !important;
white-space: nowrap !important;
}

/* Nice pill styling */
.time-widgets .header-widget {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
padding: 6px 10px !important;
border: 1px solid #FFC300 !important;
border-radius: 999px !important;
background: linear-gradient(135deg, #003566 0%, #001D3D 100%) !important;
box-shadow: 0 2px 8px rgba(255, 195, 0, 0.18) !important;
}

.time-widgets .header-widget__label {
color: #FFC300 !important;
font-weight: 700 !important;
font-size: 0.95em !important;
}

.time-widgets .header-widget__value {
color: #FFFFFF !important;
font-weight: 700 !important;
font-variant-numeric: tabular-nums;
font-size: 0.95em !important;
}

/* MAIN header: center the bar within the header end area */
.vector-header .vector-header-end {
display: flex !important;
align-items: center !important;
}

#main-time-widgets.time-widgets {
flex: 1 1 auto !important;
justify-content: center !important;
}

/* Sticky header: keep your current behavior (Discord left, widgets center) */
.vector-sticky-header-icons {
display: flex !important;
align-items: center !important;
gap: 10px !important;
}

#sticky-time-widgets.time-widgets,
#main-time-widgets.time-widgets {
margin: 0 auto !important;
display: inline-flex !important;
align-items: center !important;
gap: 12px !important;
white-space: nowrap !important;
}

/* Optional: hide labels when cramped */
@media (max-width: 1100px) {
.time-widgets .header-widget__label { display: none !important; }
}

/* Hide bar entirely on very small screens */
@media (max-width: 860px) {
#main-time-widgets,
#sticky-time-widgets { display: none !important; }
}

@keyframes pulseRed {
0% { transform: scale(1); opacity: 1; }
50% { transform: scale(1.06); opacity: 0.85; }
100% { transform: scale(1); opacity: 1; }
}

.pulse-red {
color: #ff4d4d !important;
font-weight: 800 !important;
animation: pulseRed 0.9s ease-in-out infinite !important;
}

/* =========================================================
Discord Link Styling
========================================================= */

.sticky-discord-link,
#custom-sticky-link,
#main-discord-link {
color: #FFC300 !important;
}

.sticky-discord-link:hover,
#custom-sticky-link:hover,
#main-discord-link:hover {
color: #FFD60A !important;
}

MediaWiki:Common.css

2026-04-28T02:03:43Z

Sonja says: Lock Discord-link hover color to #FFC300 (override Codex cdx-button hover)

/* =========================================================
GLOBAL THEME – MediaWiki 1.45 / Vector 2022
========================================================= */

/* ---------- Base background reset ---------- */

:root {
background: #000814 !important;
}

html,
body,
.vector-feature-page-tools-disabled .mw-page-container,
.vector-feature-page-tools-enabled .mw-page-container {
background: transparent !important;
}

/* Transparent content containers */
.mw-page-container,
.mw-body,
.vector-body {
background: transparent !important;
}

/* ---------- Particle canvas ---------- */
#particle-canvas {
position: fixed;
inset: 0;
z-index: -1;
pointer-events: none;
}

/* ---------- Base text ---------- */
body,
.mw-body,
.mw-body-content,
#mw-content-text,
.vector-body {
color: #fff !important;
}

/* ---------- Headings ---------- */
h1, h2, h3, h4, h5, h6,
.mw-headline,
#firstHeading,
.mw-page-title-main,
.page-Main_Page h1 {
color: #FFC300 !important;
}

/* ---------- Logo ---------- */
.mw-logo-icon,
.mw-logo-icon img,
.mw-logo img,
.mw-logo a.mw-logo-container img {
height: 100px !important;
width: auto !important;
max-height: 100px !important;
}
.mw-logo-icon { background-size: auto 100px !important; }

@media (max-width: 720px) {
.mw-logo-icon,
.mw-logo-icon img,
.mw-logo img,
.mw-logo a.mw-logo-container img {
height: 32px !important;
max-height: 32px !important;
}
.mw-logo-icon { background-size: auto 32px !important; }
}

/* ---------- Header ---------- */
.vector-header-container,
.vector-header,
#mw-header-container,
.mw-header {
background: #000814 !important;
border-bottom: 2px solid #FFC300 !important;
}

/* Site name */
.mw-logo-wordmark,
.mw-logo-wordmark a {
color: #FFC300 !important;
font-size: 1.8em !important;
font-weight: bold !important;
text-decoration: none !important;
}
.mw-logo-wordmark a:hover { color: #FFD60A !important; }

/* Sidebar headings */
.vector-pinnable-header-label,
.vector-main-menu-heading,
.mw-portlet h3 {
color: #FFC300 !important;
}

/* =========================================================
PAGE CONTENT LINKS
========================================================= */
.mw-parser-output a { color: #4DA3FF !important; }
.mw-parser-output a:visited { color: #9B7CFF !important; }
.mw-parser-output a:hover { color: #6BB6FF !important; text-decoration: underline; }
.mw-parser-output a:active { color: #1F4FA3 !important; }
.mw-parser-output a.new,
.mw-parser-output a.new:visited { color: #CC2200 !important; }

/* Optional: keep only if something is overriding text colors inside articles */
/* .mw-parser-output { color: #fff !important; } */

/* =========================================================
GLOBAL TABLE THEME (ALL PAGES)
========================================================= */

.mw-parser-output .wikitable {
width: auto !important; /* stop full-width */
max-width: 100% !important; /* don’t overflow the page */
border-collapse: collapse !important;
margin: 0.75em 0;
background: #303030 !important;
border: 1px solid #555555 !important;
}

.mw-parser-output .wikitable caption {
background: #001D3D !important;
color: #fff !important;
font-weight: bold;
padding: 0.5em 0.7em !important;
border-bottom: 1px solid #555555 !important;
}

.mw-parser-output .wikitable thead th {
background: #000 !important;
color: #EAEAEA !important;
font-weight: 700;
border: 1px solid #666666 !important;
padding: 0.5em 0.7em !important;
}

.mw-parser-output .wikitable tbody tr:nth-child(odd) { background-color: #303030 !important; }
.mw-parser-output .wikitable tbody tr:nth-child(even) { background-color: #505050 !important; }

.mw-parser-output .wikitable tbody td {
border: 1px solid #555555 !important;
color: #EAEAEA !important;
padding: 0.5em 0.7em !important;
}

/* =========================================================
TABLE OF CONTENTS – Vector 2022
========================================================= */
#vector-toc,
#toc {
background: #001D3D !important;
border: 1px solid #FFC300 !important;
border-radius: 6px;
padding: 0.75em;
}

#vector-toc .vector-pinnable-header-label,
#toc .toctitle {
color: #FFC300 !important;
font-weight: bold;
}

#vector-toc .vector-toc-text,
#toc a {
color: #EAEAEA !important;
opacity: 1 !important;
text-decoration: none;
}

/* Active item */
#vector-toc .vector-toc-list-item-active { background: transparent !important; }
#vector-toc .vector-toc-list-item-active > a.vector-toc-link { background-color: #FFD60A !important; }
#vector-toc .vector-toc-list-item-active > a.vector-toc-link .vector-toc-text {
color: #000814 !important;
font-weight: 700 !important;
}

/* Expanded parent rules */
#vector-toc .vector-toc-level-1.vector-toc-list-item-expanded > a.vector-toc-link .vector-toc-text {
color: #FFC300 !important;
font-weight: 600 !important;
}
#vector-toc .vector-toc-level-1.vector-toc-list-item-expanded.vector-toc-list-item-active > a.vector-toc-link .vector-toc-text {
color: #000814 !important;
font-weight: 700 !important;
}
#vector-toc .vector-toc-level-1.vector-toc-list-item-expanded ul .vector-toc-text {
color: #EAEAEA !important;
font-weight: normal !important;
}

/* Hover */
#vector-toc .vector-toc-list-item:not(.vector-toc-list-item-active) > a.vector-toc-link:hover .vector-toc-text {
color: #FFD60A !important;
}
#vector-toc .vector-toc-list-item-active > a.vector-toc-link:hover .vector-toc-text {
color: #000814 !important;
}

/* Remove wrappers */
.vector-toc-container,
#vector-toc-pinned-container,
.vector-pinned-container {
background: transparent !important;
border: none !important;
box-shadow: none !important;
}

/* Inline (article) TOC only */
.mw-parser-output > .toc {
background: #001D3D !important;
border: 1px solid #FFC300 !important;
}

/* =========================================================
Formula Boxes
========================================================= */
.formula-box {
display: inline-block !important; /* shrink to fit */
width: auto !important; /* no full width */
max-width: 100% !important; /* prevent overflow */
background: #001D3D;
border: 1px solid #FFC300;
border-radius: 10px;
padding: 0.8em 1em;
margin: 0.75em 0;
color: #EAEAEA;
line-height: 1.6;
white-space: normal;
overflow-wrap: anywhere;
}

.formula-box a { color: #4DA3FF !important; }
.formula-box a:visited { color: #9B7CFF !important; }

/* =========================
Vector 2022 – RIGHT PAGE TOOLS: remove the fade/gradient
========================= */
.vector-page-tools::before,
.vector-page-tools::after,
.vector-page-tools-container::before,
.vector-page-tools-container::after,
.vector-page-tools-landmark::before,
.vector-page-tools-landmark::after,
.vector-sticky-pinned-container::before,
.vector-sticky-pinned-container::after,
.vector-page-tools .vector-sticky-pinned-container::before,
.vector-page-tools .vector-sticky-pinned-container::after {
background: none !important;
background-image: none !important;
box-shadow: none !important;
filter: none !important;
backdrop-filter: none !important;
mask-image: none !important;
-webkit-mask-image: none !important;
}

/* Change Navigation Icon/Link Colors */
#mw-panel .portal a,
#mw-panel .portal a:visited {
color: #FFC300 !important; /* Change to your desired color */
}

/* Change Footer Link Colors */
div#footer ul li a,
div#footer ul li a:visited {
color: #FFC300 !important; /* Change to your desired color */
}

/* Change Footer Text and Icons */
div#footer ul li {
color: #FFC300 !important;
}

/* Change Navigation Icon/Link Colors */
#mw-panel .portal a,
#mw-panel .portal a:visited {
color: #FFC300 !important; /* Change to your desired color */
}

/* ===== NAVIGATION ICONS - VECTOR 2022 ===== */
/* User menu icon (person icon) */
.vector-user-links .vector-icon,
.vector-user-menu-login .vector-icon,
.vector-user-menu-create-account .vector-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* Settings/hamburger menu icon */
.vector-main-menu-action-toggle .vector-icon,
.vector-page-tools-landmark .vector-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* All navigation icons */
.vector-icon,
.mw-ui-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* User menu links (username) */
.vector-user-links a,
.vector-user-menu-logged-in .vector-user-links-main a {
color: #FFC300 !important;
}

/* ===== FOOTER LINKS - VECTOR 2022 ===== */
/* All footer links */
#footer a,
#footer a:link,
#footer a:visited,
.mw-footer a,
.mw-footer a:link,
.mw-footer a:visited,
footer a,
footer a:link,
footer a:visited {
color: #FFC300 !important;
}

/* Footer text color */
#footer,
#footer li,
.mw-footer,
.mw-footer li,
footer,
footer li {
color: #FFC300 !important;
}

/* Older footer selectors (keeping for compatibility) */
div#footer ul li a,
div#footer ul li a:visited {
color: #FFC300 !important;
}

div#footer ul li {
color: #FFC300 !important;
}

/* =========================================================
VECTOR 2022 – PAGE ACTIONS / TABS COLOR CONTROL
Applies to: Main Page | Discussion | Read | Edit | History | Tools
========================================================= */

/* Default page action links (not active) */
.vector-page-toolbar a,
.vector-page-toolbar a:link,
.vector-page-toolbar a:visited,
.vector-page-toolbar .mw-ui-icon a {
color: #FFC300 !important;
}

/* Hover state (optional subtle brighten) */
.vector-page-toolbar a:hover {
color: #FFD60A !important;
}

/* ACTIVE / CURRENT TAB (e.g. Main Page, Edit when editing) */
.vector-page-toolbar .selected a,
.vector-page-toolbar .mw-ui-button.mw-ui-progressive,
.vector-page-toolbar .mw-ui-button.mw-ui-progressive:visited {
color: #FFFFFF !important;
}

/* Ensure active tab background doesn't force dark text */
.vector-page-toolbar .selected a,
.vector-page-toolbar .selected span {
color: #FFFFFF !important;
}

/* Missing page links stay red */
.vector-page-toolbar a.new,
.vector-page-toolbar a.new:visited {
color: #CC2200 !important;
}

/* ============ NAVPILLS ============ */
/* Navpills styling */
.navpills-container {
margin: 1.5em 0;
padding: 0;
}

.navpills {
display: flex;
flex-wrap: wrap;
gap: 0.8em;
list-style: none;
margin: 0;
padding: 0;
}

.navpill-item {
display: inline-block;
}

.navpill-item a {
text-decoration: none !important;
}

.navpill-item a span {
display: inline-block;
padding: 0.7em 1.3em;
background: linear-gradient(135deg, #003566 0%, #001D3D 100%);
color: #FFC300 !important;
border: 2px solid #FFC300;
border-radius: 6px;
font-weight: bold;
text-decoration: none;
transition: all 0.3s ease;
font-size: 1.05em;
box-shadow: 0 2px 8px rgba(255, 195, 0, 0.2);
}

.navpill-item a:hover span {
background: linear-gradient(135deg, #FFC300 0%, #FFD60A 100%);
color: #000814 !important;
border-color: #FFD60A;
box-shadow: 0 4px 12px rgba(255, 195, 0, 0.4);
transform: translateY(-2px);
}

/* Mobile responsive */
@media (max-width: 768px) {
.navpills {
flex-direction: column;
}

.navpill-item {
width: 100%;
}

.navpill-item a span {
display: block;
text-align: center;
}
}

/* ============ TABS ============ */
/* CSS-Only Tabs */
.wiki-tabs-container-css {
margin: 2em 0;
background: linear-gradient(180deg, #001D3D 0%, #000814 100%);
border: 2px solid #FFC300;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 15px rgba(255, 195, 0, 0.2);
}

/* Hide radio buttons */
.wiki-tab-radio {
display: none;
}

/* Tab Labels (Buttons) */
.wiki-tab-label {
display: inline-block;
padding: 1em 1.5em;
background: #001D3D;
color: #FFC300;
border-right: 1px solid rgba(255, 195, 0, 0.3);
font-size: 1.1em;
font-weight: bold;
cursor: pointer;
transition: all 0.3s ease;
text-align: center;
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, serif;
margin: 0;
border-bottom: 2px solid #000814;
}

.wiki-tab-label:hover {
background: #003566;
color: #FFD60A;
}

/* Active tab style */
.wiki-tab-radio:checked + .wiki-tab-label {
background: #FFC300;
color: #000814;
border-bottom: 3px solid #FFD60A;
}

/* Tab Content */
.wiki-tab-content {
display: none;
padding: 2em;
color: #FFFFFF;
}

/* Show content when tab is checked */
.wiki-tab-radio:checked ~ .wiki-tab-content {
display: block;
}

/* Mobile Responsive */
@media (max-width: 768px) {
.wiki-tab-label {
display: block;
width: 100%;
border-right: none;
border-bottom: 1px solid rgba(255, 195, 0, 0.3);
}
}

/* =========================================================
STICKY HEADER FIX - Keep blue background when scrolling
========================================================= */

/* Sticky header container */
.vector-sticky-header,
.vector-sticky-header-container {
background: #000814 !important;
border-bottom: 2px solid #FFC300 !important;
}

/* Sticky header elements */
.vector-sticky-header-start,
.vector-sticky-header-end,
.vector-sticky-header-context-bar {
background: #000814 !important;
}

/* Page title in sticky header */
.vector-sticky-header-context-bar-primary,
.vector-sticky-header .mw-page-title-main {
color: #FFC300 !important;
}

/* Sticky header buttons and icons */
.vector-sticky-header button,
.vector-sticky-header .vector-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* Sticky header links */
.vector-sticky-header a {
color: #FFC300 !important;
}

/* Race table text override */
.racebox td {
color: black !important;
}

.racebox th {
color: white !important; /* keeps your header colors */
}

/* Equal-width navpills grid */
.navpills-equal-grid .navpills {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 1em !important;
}

.navpills-equal-grid .navpill-item {
width: 100% !important;
display: block !important;
}

.navpills-equal-grid .navpill-item a span {
display: block !important;
width: 100% !important;
text-align: center !important;
padding: 0.5em !important;
box-sizing: border-box !important;
}

@media (max-width: 768px) {
.navpills-equal-grid .navpills {
grid-template-columns: 1fr !important;
}
}

/* Race card buttons with hover animation */
.race-card {
display: block;
text-align: center;
padding: 1.5em 1em;
background: linear-gradient(135deg, #003566 0%, #001D3D 100%);
border: 2px solid #FFC300;
border-radius: 8px;
transition: all 0.3s ease;
box-shadow: 0 2px 8px rgba(255, 195, 0, 0.2);
text-decoration: none;
}

.race-card:hover {
background: linear-gradient(135deg, #FFC300 0%, #FFD60A 100%);
border-color: #FFD60A;
box-shadow: 0 4px 12px rgba(255, 195, 0, 0.4);
transform: translateY(-4px);
}

.race-card img {
display: block;
margin: 0 auto;
transition: transform 0.3s ease;
}

.race-card:hover img {
transform: scale(1.05);
}

.race-card-name {
margin-top: 0.8em;
font-size: 1.2em;
font-weight: bold;
color: #FFC300;
transition: color 0.3s ease;
}

.race-card:hover .race-card-name {
color: #000814;
}

/* =========================================================
Time widgets (works in BOTH main header + sticky header)
========================================================= */

.time-widgets {
display: inline-flex !important;
align-items: center !important;
gap: 12px !important;
white-space: nowrap !important;
}

/* Nice pill styling */
.time-widgets .header-widget {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
padding: 6px 10px !important;
border: 1px solid #FFC300 !important;
border-radius: 999px !important;
background: linear-gradient(135deg, #003566 0%, #001D3D 100%) !important;
box-shadow: 0 2px 8px rgba(255, 195, 0, 0.18) !important;
}

.time-widgets .header-widget__label {
color: #FFC300 !important;
font-weight: 700 !important;
font-size: 0.95em !important;
}

.time-widgets .header-widget__value {
color: #FFFFFF !important;
font-weight: 700 !important;
font-variant-numeric: tabular-nums;
font-size: 0.95em !important;
}

/* MAIN header: center the bar within the header end area */
.vector-header .vector-header-end {
display: flex !important;
align-items: center !important;
}

#main-time-widgets.time-widgets {
flex: 1 1 auto !important;
justify-content: center !important;
}

/* Sticky header: keep your current behavior (Discord left, widgets center) */
.vector-sticky-header-icons {
display: flex !important;
align-items: center !important;
gap: 10px !important;
}

#sticky-time-widgets.time-widgets,
#main-time-widgets.time-widgets {
margin: 0 auto !important;
display: inline-flex !important;
align-items: center !important;
gap: 12px !important;
white-space: nowrap !important;
}

/* Optional: hide labels when cramped */
@media (max-width: 1100px) {
.time-widgets .header-widget__label { display: none !important; }
}

/* Hide bar entirely on very small screens */
@media (max-width: 860px) {
#main-time-widgets,
#sticky-time-widgets { display: none !important; }
}

@keyframes pulseRed {
0% { transform: scale(1); opacity: 1; }
50% { transform: scale(1.06); opacity: 0.85; }
100% { transform: scale(1); opacity: 1; }
}

.pulse-red {
color: #ff4d4d !important;
font-weight: 800 !important;
animation: pulseRed 0.9s ease-in-out infinite !important;
}

/* =========================================================
Discord Link Styling
========================================================= */

/* Default + visited */
.sticky-discord-link,
.sticky-discord-link:link,
.sticky-discord-link:visited,
#custom-sticky-link,
#custom-sticky-link:link,
#custom-sticky-link:visited,
#main-discord-link,
#main-discord-link:link,
#main-discord-link:visited {
color: #FFC300 !important;
}

/* Lock hover/focus/active to the same yellow so Codex's cdx-button
hover styling (added to this anchor via JS) can't recolor it. */
.sticky-discord-link:hover,
.sticky-discord-link:focus,
.sticky-discord-link:active,
#custom-sticky-link:hover,
#custom-sticky-link:focus,
#custom-sticky-link:active,
#main-discord-link:hover,
#main-discord-link:focus,
#main-discord-link:active,
a.sticky-discord-link:hover,
a#custom-sticky-link:hover,
a#main-discord-link:hover,
.cdx-button.sticky-discord-link:hover,
.cdx-button#custom-sticky-link:hover,
.cdx-button#main-discord-link:hover {
color: #FFC300 !important;
text-decoration: none !important;
}

MediaWiki:Common.js

2026-04-28T01:43:19Z

Sonja says:

/* Any JavaScript here will be loaded for all users on every page load. */
(function () {
'use strict';

/* =========================================================
CONFIG
========================================================= */
const DISCORD_URL = 'https://discord.gg/t2Rp2dRvze';

// Countdown target: Sat, 18 Apr 2026 00:00 UTC
const COUNTDOWN_TARGET_UTC = Date.parse('2026-07-28T00:00:00Z');

// Clock timezone (same for everyone)
const CLOCK_TIMEZONE = 'Etc/UTC';

const AGE_START_UTC = Date.parse('2026-04-28T18:00:00Z');

// Game time anchor (real UTC -> game time)
// At 2026-04-28 14:00:00 UTC, game time was Jan 1 YR0
const GAME_ANCHOR_REAL_UTC = Date.parse('2026-04-28T18:00:00Z');
const GAME_ANCHOR_MONTH_INDEX = 0; // Jan
const GAME_ANCHOR_DAY = 1; // 1..24
const GAME_ANCHOR_YEAR = 0; // YR0
const GAME_MONTHS = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'];

// Tick warning threshold
const TICK_SOON_MINUTES = 5;

const pad2 = (n) => String(n).padStart(2, '0');

/* =========================================================
Tabs (your existing code)
========================================================= */
$(function () {
$('.wiki-tabs-container').each(function () {
const $container = $(this);
const $firstButton = $container.find('.wiki-tab-button').first();
const firstTabId = $firstButton.data('tab');
if (!firstTabId) return;

$firstButton.addClass('active');
$container.find('#' + firstTabId).addClass('active').show();
});

$('.wiki-tab-button').on('click', function () {
const $button = $(this);
const tabId = $button.data('tab');
if (!tabId) return;

const $container = $button.closest('.wiki-tabs-container');

$container.find('.wiki-tab-button').removeClass('active');
$container.find('.wiki-tab-pane').removeClass('active').hide();

$button.addClass('active');
$container.find('#' + tabId).addClass('active').show();
});
});

/* =========================================================
Helpers: find/create containers in BOTH headers
========================================================= */
function ensureDiscordLink(container, id) {
if (!container) return null;
const existing = document.getElementById(id);
if (existing) return existing;

const link = document.createElement('a');
link.id = id;
link.href = DISCORD_URL;
link.target = '_blank';
link.className =
'cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet sticky-discord-link';
link.textContent = 'Join Us on Discord!';
link.style.fontWeight = 'bold';

container.prepend(link);
return link;
}

// Sticky header: insert our widget bar inside sticky icons row
function getStickyBar() {
const icons = document.querySelector('.vector-sticky-header-icons');
if (!icons) return null;

let bar = document.getElementById('sticky-time-widgets');
if (bar) return bar;

// Keep Discord where it was (far-left in sticky icons)
const discord = ensureDiscordLink(icons, 'custom-sticky-link');

bar = document.createElement('span');
bar.id = 'sticky-time-widgets';
bar.className = 'time-widgets';

// Put widgets immediately AFTER Discord (so Discord stays at the left)
if (discord && discord.parentNode === icons) {
discord.insertAdjacentElement('afterend', bar);
} else {
icons.prepend(bar);
}

return bar;
}

// Main header: put our widgets in header end area
function getMainBar() {
const header = document.querySelector('.vector-header');
if (!header) return null;

const headerEnd = header.querySelector('.vector-header-end');
if (!headerEnd) return null;

let bar = document.getElementById('main-time-widgets');
if (bar) return bar;

bar = document.createElement('span');
bar.id = 'main-time-widgets';
bar.className = 'time-widgets';

headerEnd.prepend(bar);
ensureDiscordLink(bar, 'main-discord-link');

return bar;
}

function ensureWidget(bar, role, labelText) {
if (!bar) return;
if (bar.querySelector(`[data-role="${role}"]`)) return;

const wrap = document.createElement('span');
wrap.className = 'header-widget';

if (labelText) {
const label = document.createElement('span');
label.className = 'header-widget__label';
label.textContent = labelText;
wrap.appendChild(label);
}

const value = document.createElement('span');
value.className = 'header-widget__value';
value.dataset.role = role;

wrap.appendChild(value);
bar.appendChild(wrap);
}

/* =========================================================
Calculations / formatting
========================================================= */
function formatRemaining(ms) {
if (ms <= 0) return '00:00:00';

const totalSeconds = Math.floor(ms / 1000);
const days = Math.floor(totalSeconds / 86400);
const hours = Math.floor((totalSeconds % 86400) / 3600);
const minutes = Math.floor((totalSeconds % 3600) / 60);
const seconds = totalSeconds % 60;

if (days > 0) return `${days}d ${pad2(hours)}:${pad2(minutes)}:${pad2(seconds)}`;
return `${pad2(hours)}:${pad2(minutes)}:${pad2(seconds)}`;
}

function computeGameString(nowMs) {
const hoursPassed = Math.floor((nowMs - GAME_ANCHOR_REAL_UTC) / 3600000);

// Day increments every hour (1..24)
const dayIndex = (GAME_ANCHOR_DAY - 1) + hoursPassed;
const dayNumber = ((dayIndex % 24) + 24) % 24 + 1;

// Month increments every 24 hours (Jan..Jul cycle)
const daysPassed = Math.floor(dayIndex / 24);
const totalMonthIndex = GAME_ANCHOR_MONTH_INDEX + daysPassed;
const monthIndex = ((totalMonthIndex % 7) + 7) % 7;

// Year increments every 7 real days
const yearsPassed = Math.floor(totalMonthIndex / 7);
const year = GAME_ANCHOR_YEAR + yearsPassed;

return `Current Game Date: ${GAME_MONTHS[monthIndex]} ${dayNumber} YR${year}`;
}

const clockFmt = new Intl.DateTimeFormat('en-GB', {
timeZone: CLOCK_TIMEZONE,
hour: '2-digit',
minute: '2-digit',
second: '2-digit',
hour12: false
});

function updateAll() {
const now = Date.now();

// --- CLOCK ---
document.querySelectorAll('[data-role="clock"]').forEach((el) => {
el.textContent = clockFmt.format(new Date(now));
});

// --- GAME DATE ---
const msUntilNextHour = 3600000 - (now % 3600000);
const thresholdMs = TICK_SOON_MINUTES * 60 * 1000;
const shouldWarn = msUntilNextHour > 0 && msUntilNextHour <= thresholdMs;
const minutesLeft = Math.ceil(msUntilNextHour / 60000);

document.querySelectorAll('[data-role="game"]').forEach((el) => {
if (now < AGE_START_UTC) {
el.textContent = 'PRE AGE';
el.classList.remove('pulse-red');
} else if (shouldWarn) {
el.textContent = `TICK SOON (${minutesLeft}m)`;
el.classList.add('pulse-red');
} else {
el.textContent = computeGameString(now);
el.classList.remove('pulse-red');
}
});

// --- COUNTDOWN ---
document.querySelectorAll('[data-role="countdown"]').forEach((el) => {
el.textContent = formatRemaining(COUNTDOWN_TARGET_UTC - now);
});
}

/* =========================================================
Build + Boot
========================================================= */
function buildBarsIfPossible() {
const stickyBar = getStickyBar();
const mainBar = getMainBar();

if (stickyBar) {
ensureWidget(stickyBar, 'clock', 'UTC:');
ensureWidget(stickyBar, 'game', null);
ensureWidget(stickyBar, 'countdown', 'Age ends in:');
}

if (mainBar) {
ensureWidget(mainBar, 'clock', 'UTC:');
ensureWidget(mainBar, 'game', null);
ensureWidget(mainBar, 'countdown', 'Age ends in:');
}
}

function startTickerOnce() {
if (window.__timeWidgetsIntervalId) return;
updateAll();
window.__timeWidgetsIntervalId = setInterval(updateAll, 1000);
}

function initAll() {
buildBarsIfPossible();
updateAll();
startTickerOnce();
}

$(initAll);
mw.hook('wikipage.content').add(initAll);
mw.hook('skin.ready').add(initAll);
})();

// Floating particles
(function () {
const canvas = document.createElement('canvas');
canvas.id = 'particle-canvas';
document.body.prepend(canvas);

const ctx = canvas.getContext('2d');
const particles = [];
const COUNT = 80;

const COLORS = [
'rgba(0, 53, 102, 0.9)', // #003566
'rgba(0, 29, 61, 0.8)', // #001d3d
'rgba(0, 8, 20, 0.7)', // #000814
'rgba(255, 255, 255, 0.15)', // subtle white glint
];

function resize() {
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
}

function randomBetween(a, b) {
return a + Math.random() * (b - a);
}

function createParticle() {
return {
x: randomBetween(0, canvas.width),
y: randomBetween(canvas.height * 0.2, canvas.height),
radius: randomBetween(1.5, 5),
color: COLORS[Math.floor(Math.random() * COLORS.length)],
speedY: randomBetween(0.2, 0.7),
speedX: randomBetween(-0.2, 0.2),
opacity: 0,
fadeIn: randomBetween(0.003, 0.008),
life: randomBetween(0.4, 1), // 0–1, fades out after 0.8
};
}

for (let i = 0; i < COUNT; i++) {
const p = createParticle();
p.y = randomBetween(0, canvas.height); // spread on init
p.opacity = randomBetween(0, 1);
particles.push(p);
}

function draw() {
ctx.clearRect(0, 0, canvas.width, canvas.height);

particles.forEach((p, i) => {
// Fade in / out
if (p.life < 0.8) {
p.opacity = Math.min(1, p.opacity + p.fadeIn);
} else {
p.opacity = Math.max(0, p.opacity - p.fadeIn * 0.5);
}

p.life += 0.001;
p.y -= p.speedY;
p.x += p.speedX;

// Reset when off screen or fully faded
if (p.y < -10 || p.life > 1.2) {
particles[i] = createParticle();
return;
}

ctx.beginPath();
ctx.arc(p.x, p.y, p.radius, 0, Math.PI * 2);
ctx.globalAlpha = p.opacity;
ctx.fillStyle = p.color;
ctx.fill();

// Soft glow
ctx.shadowBlur = 8;
ctx.shadowColor = p.color;
ctx.fill();
ctx.shadowBlur = 0;
});

ctx.globalAlpha = 1;
requestAnimationFrame(draw);
}

resize();
draw();
window.addEventListener('resize', resize);
})();

MediaWiki:Common.js

2026-04-28T01:42:55Z

Sonja says:

/* Any JavaScript here will be loaded for all users on every page load. */
(function () {
'use strict';

/* =========================================================
CONFIG
========================================================= */
const DISCORD_URL = 'https://discord.gg/t2Rp2dRvze';

const style = document.createElement('style');
style.textContent = `
.sticky-discord-link:hover,
.sticky-discord-link:focus,
.sticky-discord-link:visited {
color: inherit !important;
opacity: 0.85;
}
`;
document.head.appendChild(style);

// Countdown target: Sat, 18 Apr 2026 00:00 UTC
const COUNTDOWN_TARGET_UTC = Date.parse('2026-07-28T00:00:00Z');

// Clock timezone (same for everyone)
const CLOCK_TIMEZONE = 'Etc/UTC';

const AGE_START_UTC = Date.parse('2026-04-28T18:00:00Z');

// Game time anchor (real UTC -> game time)
// At 2026-04-28 14:00:00 UTC, game time was Jan 1 YR0
const GAME_ANCHOR_REAL_UTC = Date.parse('2026-04-28T18:00:00Z');
const GAME_ANCHOR_MONTH_INDEX = 0; // Jan
const GAME_ANCHOR_DAY = 1; // 1..24
const GAME_ANCHOR_YEAR = 0; // YR0
const GAME_MONTHS = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'];

// Tick warning threshold
const TICK_SOON_MINUTES = 5;

const pad2 = (n) => String(n).padStart(2, '0');

/* =========================================================
Tabs (your existing code)
========================================================= */
$(function () {
$('.wiki-tabs-container').each(function () {
const $container = $(this);
const $firstButton = $container.find('.wiki-tab-button').first();
const firstTabId = $firstButton.data('tab');
if (!firstTabId) return;

$firstButton.addClass('active');
$container.find('#' + firstTabId).addClass('active').show();
});

$('.wiki-tab-button').on('click', function () {
const $button = $(this);
const tabId = $button.data('tab');
if (!tabId) return;

const $container = $button.closest('.wiki-tabs-container');

$container.find('.wiki-tab-button').removeClass('active');
$container.find('.wiki-tab-pane').removeClass('active').hide();

$button.addClass('active');
$container.find('#' + tabId).addClass('active').show();
});
});

/* =========================================================
Helpers: find/create containers in BOTH headers
========================================================= */
function ensureDiscordLink(container, id) {
if (!container) return null;
const existing = document.getElementById(id);
if (existing) return existing;

const link = document.createElement('a');
link.id = id;
link.href = DISCORD_URL;
link.target = '_blank';
link.className =
'cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet sticky-discord-link';
link.textContent = 'Join Us on Discord!';
link.style.fontWeight = 'bold';

container.prepend(link);
return link;
}

// Sticky header: insert our widget bar inside sticky icons row
function getStickyBar() {
const icons = document.querySelector('.vector-sticky-header-icons');
if (!icons) return null;

let bar = document.getElementById('sticky-time-widgets');
if (bar) return bar;

// Keep Discord where it was (far-left in sticky icons)
const discord = ensureDiscordLink(icons, 'custom-sticky-link');

bar = document.createElement('span');
bar.id = 'sticky-time-widgets';
bar.className = 'time-widgets';

// Put widgets immediately AFTER Discord (so Discord stays at the left)
if (discord && discord.parentNode === icons) {
discord.insertAdjacentElement('afterend', bar);
} else {
icons.prepend(bar);
}

return bar;
}

// Main header: put our widgets in header end area
function getMainBar() {
const header = document.querySelector('.vector-header');
if (!header) return null;

const headerEnd = header.querySelector('.vector-header-end');
if (!headerEnd) return null;

let bar = document.getElementById('main-time-widgets');
if (bar) return bar;

bar = document.createElement('span');
bar.id = 'main-time-widgets';
bar.className = 'time-widgets';

headerEnd.prepend(bar);
ensureDiscordLink(bar, 'main-discord-link');

return bar;
}

function ensureWidget(bar, role, labelText) {
if (!bar) return;
if (bar.querySelector(`[data-role="${role}"]`)) return;

const wrap = document.createElement('span');
wrap.className = 'header-widget';

if (labelText) {
const label = document.createElement('span');
label.className = 'header-widget__label';
label.textContent = labelText;
wrap.appendChild(label);
}

const value = document.createElement('span');
value.className = 'header-widget__value';
value.dataset.role = role;

wrap.appendChild(value);
bar.appendChild(wrap);
}

/* =========================================================
Calculations / formatting
========================================================= */
function formatRemaining(ms) {
if (ms <= 0) return '00:00:00';

const totalSeconds = Math.floor(ms / 1000);
const days = Math.floor(totalSeconds / 86400);
const hours = Math.floor((totalSeconds % 86400) / 3600);
const minutes = Math.floor((totalSeconds % 3600) / 60);
const seconds = totalSeconds % 60;

if (days > 0) return `${days}d ${pad2(hours)}:${pad2(minutes)}:${pad2(seconds)}`;
return `${pad2(hours)}:${pad2(minutes)}:${pad2(seconds)}`;
}

function computeGameString(nowMs) {
const hoursPassed = Math.floor((nowMs - GAME_ANCHOR_REAL_UTC) / 3600000);

// Day increments every hour (1..24)
const dayIndex = (GAME_ANCHOR_DAY - 1) + hoursPassed;
const dayNumber = ((dayIndex % 24) + 24) % 24 + 1;

// Month increments every 24 hours (Jan..Jul cycle)
const daysPassed = Math.floor(dayIndex / 24);
const totalMonthIndex = GAME_ANCHOR_MONTH_INDEX + daysPassed;
const monthIndex = ((totalMonthIndex % 7) + 7) % 7;

// Year increments every 7 real days
const yearsPassed = Math.floor(totalMonthIndex / 7);
const year = GAME_ANCHOR_YEAR + yearsPassed;

return `Current Game Date: ${GAME_MONTHS[monthIndex]} ${dayNumber} YR${year}`;
}

const clockFmt = new Intl.DateTimeFormat('en-GB', {
timeZone: CLOCK_TIMEZONE,
hour: '2-digit',
minute: '2-digit',
second: '2-digit',
hour12: false
});

function updateAll() {
const now = Date.now();

// --- CLOCK ---
document.querySelectorAll('[data-role="clock"]').forEach((el) => {
el.textContent = clockFmt.format(new Date(now));
});

// --- GAME DATE ---
const msUntilNextHour = 3600000 - (now % 3600000);
const thresholdMs = TICK_SOON_MINUTES * 60 * 1000;
const shouldWarn = msUntilNextHour > 0 && msUntilNextHour <= thresholdMs;
const minutesLeft = Math.ceil(msUntilNextHour / 60000);

document.querySelectorAll('[data-role="game"]').forEach((el) => {
if (now < AGE_START_UTC) {
el.textContent = 'PRE AGE';
el.classList.remove('pulse-red');
} else if (shouldWarn) {
el.textContent = `TICK SOON (${minutesLeft}m)`;
el.classList.add('pulse-red');
} else {
el.textContent = computeGameString(now);
el.classList.remove('pulse-red');
}
});

// --- COUNTDOWN ---
document.querySelectorAll('[data-role="countdown"]').forEach((el) => {
el.textContent = formatRemaining(COUNTDOWN_TARGET_UTC - now);
});
}

/* =========================================================
Build + Boot
========================================================= */
function buildBarsIfPossible() {
const stickyBar = getStickyBar();
const mainBar = getMainBar();

if (stickyBar) {
ensureWidget(stickyBar, 'clock', 'UTC:');
ensureWidget(stickyBar, 'game', null);
ensureWidget(stickyBar, 'countdown', 'Age ends in:');
}

if (mainBar) {
ensureWidget(mainBar, 'clock', 'UTC:');
ensureWidget(mainBar, 'game', null);
ensureWidget(mainBar, 'countdown', 'Age ends in:');
}
}

function startTickerOnce() {
if (window.__timeWidgetsIntervalId) return;
updateAll();
window.__timeWidgetsIntervalId = setInterval(updateAll, 1000);
}

function initAll() {
buildBarsIfPossible();
updateAll();
startTickerOnce();
}

$(initAll);
mw.hook('wikipage.content').add(initAll);
mw.hook('skin.ready').add(initAll);
})();

// Floating particles
(function () {
const canvas = document.createElement('canvas');
canvas.id = 'particle-canvas';
document.body.prepend(canvas);

const ctx = canvas.getContext('2d');
const particles = [];
const COUNT = 80;

const COLORS = [
'rgba(0, 53, 102, 0.9)', // #003566
'rgba(0, 29, 61, 0.8)', // #001d3d
'rgba(0, 8, 20, 0.7)', // #000814
'rgba(255, 255, 255, 0.15)', // subtle white glint
];

function resize() {
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
}

function randomBetween(a, b) {
return a + Math.random() * (b - a);
}

function createParticle() {
return {
x: randomBetween(0, canvas.width),
y: randomBetween(canvas.height * 0.2, canvas.height),
radius: randomBetween(1.5, 5),
color: COLORS[Math.floor(Math.random() * COLORS.length)],
speedY: randomBetween(0.2, 0.7),
speedX: randomBetween(-0.2, 0.2),
opacity: 0,
fadeIn: randomBetween(0.003, 0.008),
life: randomBetween(0.4, 1), // 0–1, fades out after 0.8
};
}

for (let i = 0; i < COUNT; i++) {
const p = createParticle();
p.y = randomBetween(0, canvas.height); // spread on init
p.opacity = randomBetween(0, 1);
particles.push(p);
}

function draw() {
ctx.clearRect(0, 0, canvas.width, canvas.height);

particles.forEach((p, i) => {
// Fade in / out
if (p.life < 0.8) {
p.opacity = Math.min(1, p.opacity + p.fadeIn);
} else {
p.opacity = Math.max(0, p.opacity - p.fadeIn * 0.5);
}

p.life += 0.001;
p.y -= p.speedY;
p.x += p.speedX;

// Reset when off screen or fully faded
if (p.y < -10 || p.life > 1.2) {
particles[i] = createParticle();
return;
}

ctx.beginPath();
ctx.arc(p.x, p.y, p.radius, 0, Math.PI * 2);
ctx.globalAlpha = p.opacity;
ctx.fillStyle = p.color;
ctx.fill();

// Soft glow
ctx.shadowBlur = 8;
ctx.shadowColor = p.color;
ctx.fill();
ctx.shadowBlur = 0;
});

ctx.globalAlpha = 1;
requestAnimationFrame(draw);
}

resize();
draw();
window.addEventListener('resize', resize);
})();

MediaWiki:Common.js

2026-04-28T01:38:08Z

Sonja says:

MediaWiki:Common.js

2026-04-28T01:35:45Z

Sonja says:

/* Any JavaScript here will be loaded for all users on every page load. */
(function () {
'use strict';

/* =========================================================
CONFIG
========================================================= */
const DISCORD_URL = 'https://discord.gg/t2Rp2dRvze';

// Countdown target: Sat, 18 Apr 2026 00:00 UTC
const COUNTDOWN_TARGET_UTC = Date.parse('2026-07-28T00:00:00Z');

// Clock timezone (same for everyone)
const CLOCK_TIMEZONE = 'Etc/UTC';

// Game time anchor (real UTC -> game time)
// At 2026-04-28 14:00:00 UTC, game time was Jan 1 YR0
const GAME_ANCHOR_REAL_UTC = Date.parse('2026-04-28T18:00:00Z');
const GAME_ANCHOR_MONTH_INDEX = 0; // Jan
const GAME_ANCHOR_DAY = 1; // 1..24
const GAME_ANCHOR_YEAR = 0; // YR0
const GAME_MONTHS = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'];

// Tick warning threshold
const TICK_SOON_MINUTES = 5;

const pad2 = (n) => String(n).padStart(2, '0');

/* =========================================================
Tabs (your existing code)
========================================================= */
$(function () {
$('.wiki-tabs-container').each(function () {
const $container = $(this);
const $firstButton = $container.find('.wiki-tab-button').first();
const firstTabId = $firstButton.data('tab');
if (!firstTabId) return;

$firstButton.addClass('active');
$container.find('#' + firstTabId).addClass('active').show();
});

$('.wiki-tab-button').on('click', function () {
const $button = $(this);
const tabId = $button.data('tab');
if (!tabId) return;

const $container = $button.closest('.wiki-tabs-container');

$container.find('.wiki-tab-button').removeClass('active');
$container.find('.wiki-tab-pane').removeClass('active').hide();

$button.addClass('active');
$container.find('#' + tabId).addClass('active').show();
});
});

/* =========================================================
Helpers: find/create containers in BOTH headers
========================================================= */
function ensureDiscordLink(container, id) {
if (!container) return null;
const existing = document.getElementById(id);
if (existing) return existing;

const link = document.createElement('a');
link.id = id;
link.href = DISCORD_URL;
link.target = '_blank';
link.className =
'cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet sticky-discord-link';
link.textContent = 'Join Us on Discord!';
link.style.fontWeight = 'bold';

container.prepend(link);
return link;
}

// Sticky header: insert our widget bar inside sticky icons row
function getStickyBar() {
const icons = document.querySelector('.vector-sticky-header-icons');
if (!icons) return null;

let bar = document.getElementById('sticky-time-widgets');
if (bar) return bar;

// Keep Discord where it was (far-left in sticky icons)
const discord = ensureDiscordLink(icons, 'custom-sticky-link');

bar = document.createElement('span');
bar.id = 'sticky-time-widgets';
bar.className = 'time-widgets';

// Put widgets immediately AFTER Discord (so Discord stays at the left)
if (discord && discord.parentNode === icons) {
discord.insertAdjacentElement('afterend', bar);
} else {
icons.prepend(bar);
}

return bar;
}

// Main header: put our widgets in header end area
function getMainBar() {
const header = document.querySelector('.vector-header');
if (!header) return null;

const headerEnd = header.querySelector('.vector-header-end');
if (!headerEnd) return null;

let bar = document.getElementById('main-time-widgets');
if (bar) return bar;

bar = document.createElement('span');
bar.id = 'main-time-widgets';
bar.className = 'time-widgets';

headerEnd.prepend(bar);
ensureDiscordLink(bar, 'main-discord-link');

return bar;
}

function ensureWidget(bar, role, labelText) {
if (!bar) return;
if (bar.querySelector(`[data-role="${role}"]`)) return;

const wrap = document.createElement('span');
wrap.className = 'header-widget';

if (labelText) {
const label = document.createElement('span');
label.className = 'header-widget__label';
label.textContent = labelText;
wrap.appendChild(label);
}

const value = document.createElement('span');
value.className = 'header-widget__value';
value.dataset.role = role;

wrap.appendChild(value);
bar.appendChild(wrap);
}

/* =========================================================
Calculations / formatting
========================================================= */
function formatRemaining(ms) {
if (ms <= 0) return '00:00:00';

const totalSeconds = Math.floor(ms / 1000);
const days = Math.floor(totalSeconds / 86400);
const hours = Math.floor((totalSeconds % 86400) / 3600);
const minutes = Math.floor((totalSeconds % 3600) / 60);
const seconds = totalSeconds % 60;

if (days > 0) return `${days}d ${pad2(hours)}:${pad2(minutes)}:${pad2(seconds)}`;
return `${pad2(hours)}:${pad2(minutes)}:${pad2(seconds)}`;
}

function computeGameString(nowMs) {
const hoursPassed = Math.floor((nowMs - GAME_ANCHOR_REAL_UTC) / 3600000);

// Day increments every hour (1..24)
const dayIndex = (GAME_ANCHOR_DAY - 1) + hoursPassed;
const dayNumber = ((dayIndex % 24) + 24) % 24 + 1;

// Month increments every 24 hours (Jan..Jul cycle)
const daysPassed = Math.floor(dayIndex / 24);
const totalMonthIndex = GAME_ANCHOR_MONTH_INDEX + daysPassed;
const monthIndex = ((totalMonthIndex % 7) + 7) % 7;

// Year increments every 7 real days
const yearsPassed = Math.floor(totalMonthIndex / 7);
const year = GAME_ANCHOR_YEAR + yearsPassed;

return `Current Game Date: ${GAME_MONTHS[monthIndex]} ${dayNumber} YR${year}`;
}

const clockFmt = new Intl.DateTimeFormat('en-GB', {
timeZone: CLOCK_TIMEZONE,
hour: '2-digit',
minute: '2-digit',
second: '2-digit',
hour12: false
});

function updateAll() {
const now = Date.now();

// --- CLOCK ---
document.querySelectorAll('[data-role="clock"]').forEach((el) => {
el.textContent = clockFmt.format(new Date(now));
});

// --- GAME DATE (Tick warning 5 minutes before the hour) ---
const msUntilNextHour = 3600000 - (now % 3600000);
const thresholdMs = TICK_SOON_MINUTES * 60 * 1000;
const shouldWarn = msUntilNextHour > 0 && msUntilNextHour <= thresholdMs;
const minutesLeft = Math.ceil(msUntilNextHour / 60000);

document.querySelectorAll('[data-role="game"]').forEach((el) => {
if (shouldWarn) {
el.textContent = `TICK SOON (${minutesLeft}m)`;
el.classList.add('pulse-red');
} else {
el.textContent = computeGameString(now);
el.classList.remove('pulse-red');
}
});

// --- COUNTDOWN ---
document.querySelectorAll('[data-role="countdown"]').forEach((el) => {
el.textContent = formatRemaining(COUNTDOWN_TARGET_UTC - now);
});
}

/* =========================================================
Build + Boot
========================================================= */
function buildBarsIfPossible() {
const stickyBar = getStickyBar();
const mainBar = getMainBar();

if (stickyBar) {
ensureWidget(stickyBar, 'clock', 'UTC:');
ensureWidget(stickyBar, 'game', null);
ensureWidget(stickyBar, 'countdown', 'Age ends in:');
}

if (mainBar) {
ensureWidget(mainBar, 'clock', 'UTC:');
ensureWidget(mainBar, 'game', null);
ensureWidget(mainBar, 'countdown', 'Age ends in:');
}
}

function startTickerOnce() {
if (window.__timeWidgetsIntervalId) return;
updateAll();
window.__timeWidgetsIntervalId = setInterval(updateAll, 1000);
}

function initAll() {
buildBarsIfPossible();
updateAll();
startTickerOnce();
}

$(initAll);
mw.hook('wikipage.content').add(initAll);
mw.hook('skin.ready').add(initAll);
})();

// Floating particles
(function () {
const canvas = document.createElement('canvas');
canvas.id = 'particle-canvas';
document.body.prepend(canvas);

const ctx = canvas.getContext('2d');
const particles = [];
const COUNT = 80;

const COLORS = [
'rgba(0, 53, 102, 0.9)', // #003566
'rgba(0, 29, 61, 0.8)', // #001d3d
'rgba(0, 8, 20, 0.7)', // #000814
'rgba(255, 255, 255, 0.15)', // subtle white glint
];

function resize() {
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
}

function randomBetween(a, b) {
return a + Math.random() * (b - a);
}

function createParticle() {
return {
x: randomBetween(0, canvas.width),
y: randomBetween(canvas.height * 0.2, canvas.height),
radius: randomBetween(1.5, 5),
color: COLORS[Math.floor(Math.random() * COLORS.length)],
speedY: randomBetween(0.2, 0.7),
speedX: randomBetween(-0.2, 0.2),
opacity: 0,
fadeIn: randomBetween(0.003, 0.008),
life: randomBetween(0.4, 1), // 0–1, fades out after 0.8
};
}

for (let i = 0; i < COUNT; i++) {
const p = createParticle();
p.y = randomBetween(0, canvas.height); // spread on init
p.opacity = randomBetween(0, 1);
particles.push(p);
}

function draw() {
ctx.clearRect(0, 0, canvas.width, canvas.height);

particles.forEach((p, i) => {
// Fade in / out
if (p.life < 0.8) {
p.opacity = Math.min(1, p.opacity + p.fadeIn);
} else {
p.opacity = Math.max(0, p.opacity - p.fadeIn * 0.5);
}

p.life += 0.001;
p.y -= p.speedY;
p.x += p.speedX;

// Reset when off screen or fully faded
if (p.y < -10 || p.life > 1.2) {
particles[i] = createParticle();
return;
}

ctx.beginPath();
ctx.arc(p.x, p.y, p.radius, 0, Math.PI * 2);
ctx.globalAlpha = p.opacity;
ctx.fillStyle = p.color;
ctx.fill();

// Soft glow
ctx.shadowBlur = 8;
ctx.shadowColor = p.color;
ctx.fill();
ctx.shadowBlur = 0;
});

ctx.globalAlpha = 1;
requestAnimationFrame(draw);
}

resize();
draw();
window.addEventListener('resize', resize);
})();

MediaWiki:Common.js

2026-04-28T01:32:18Z

Sonja says:

/* Any JavaScript here will be loaded for all users on every page load. */
(function () {
'use strict';

/* =========================================================
CONFIG
========================================================= */
const DISCORD_URL = 'https://discord.gg/t2Rp2dRvze';

// Countdown target: Sat, 18 Apr 2026 00:00 UTC
const COUNTDOWN_TARGET_UTC = Date.parse('2026-07-28T00:00:00Z');

// Clock timezone (same for everyone)
const CLOCK_TIMEZONE = 'Etc/UTC';

// Game time anchor (real UTC -> game time)
// At 2026-04-28 14:00:00 UTC, game time was Jan 1 YR0
const GAME_ANCHOR_REAL_UTC = Date.parse('2026-04-28T18:00:00Z');
const GAME_ANCHOR_MONTH_INDEX = 0; // Jan
const GAME_ANCHOR_DAY = 21; // 1..24
const GAME_ANCHOR_YEAR = 2; // YR2
const GAME_MONTHS = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'];

// Tick warning threshold
const TICK_SOON_MINUTES = 5;

const pad2 = (n) => String(n).padStart(2, '0');

/* =========================================================
Tabs (your existing code)
========================================================= */
$(function () {
$('.wiki-tabs-container').each(function () {
const $container = $(this);
const $firstButton = $container.find('.wiki-tab-button').first();
const firstTabId = $firstButton.data('tab');
if (!firstTabId) return;

$firstButton.addClass('active');
$container.find('#' + firstTabId).addClass('active').show();
});

$('.wiki-tab-button').on('click', function () {
const $button = $(this);
const tabId = $button.data('tab');
if (!tabId) return;

const $container = $button.closest('.wiki-tabs-container');

$container.find('.wiki-tab-button').removeClass('active');
$container.find('.wiki-tab-pane').removeClass('active').hide();

$button.addClass('active');
$container.find('#' + tabId).addClass('active').show();
});
});

/* =========================================================
Helpers: find/create containers in BOTH headers
========================================================= */
function ensureDiscordLink(container, id) {
if (!container) return null;
const existing = document.getElementById(id);
if (existing) return existing;

const link = document.createElement('a');
link.id = id;
link.href = DISCORD_URL;
link.target = '_blank';
link.className =
'cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet sticky-discord-link';
link.textContent = 'Join Us on Discord!';
link.style.fontWeight = 'bold';

container.prepend(link);
return link;
}

// Sticky header: insert our widget bar inside sticky icons row
function getStickyBar() {
const icons = document.querySelector('.vector-sticky-header-icons');
if (!icons) return null;

let bar = document.getElementById('sticky-time-widgets');
if (bar) return bar;

// Keep Discord where it was (far-left in sticky icons)
const discord = ensureDiscordLink(icons, 'custom-sticky-link');

bar = document.createElement('span');
bar.id = 'sticky-time-widgets';
bar.className = 'time-widgets';

// Put widgets immediately AFTER Discord (so Discord stays at the left)
if (discord && discord.parentNode === icons) {
discord.insertAdjacentElement('afterend', bar);
} else {
icons.prepend(bar);
}

return bar;
}

// Main header: put our widgets in header end area
function getMainBar() {
const header = document.querySelector('.vector-header');
if (!header) return null;

const headerEnd = header.querySelector('.vector-header-end');
if (!headerEnd) return null;

let bar = document.getElementById('main-time-widgets');
if (bar) return bar;

bar = document.createElement('span');
bar.id = 'main-time-widgets';
bar.className = 'time-widgets';

headerEnd.prepend(bar);
ensureDiscordLink(bar, 'main-discord-link');

return bar;
}

function ensureWidget(bar, role, labelText) {
if (!bar) return;
if (bar.querySelector(`[data-role="${role}"]`)) return;

const wrap = document.createElement('span');
wrap.className = 'header-widget';

if (labelText) {
const label = document.createElement('span');
label.className = 'header-widget__label';
label.textContent = labelText;
wrap.appendChild(label);
}

const value = document.createElement('span');
value.className = 'header-widget__value';
value.dataset.role = role;

wrap.appendChild(value);
bar.appendChild(wrap);
}

/* =========================================================
Calculations / formatting
========================================================= */
function formatRemaining(ms) {
if (ms <= 0) return '00:00:00';

const totalSeconds = Math.floor(ms / 1000);
const days = Math.floor(totalSeconds / 86400);
const hours = Math.floor((totalSeconds % 86400) / 3600);
const minutes = Math.floor((totalSeconds % 3600) / 60);
const seconds = totalSeconds % 60;

if (days > 0) return `${days}d ${pad2(hours)}:${pad2(minutes)}:${pad2(seconds)}`;
return `${pad2(hours)}:${pad2(minutes)}:${pad2(seconds)}`;
}

function computeGameString(nowMs) {
const hoursPassed = Math.floor((nowMs - GAME_ANCHOR_REAL_UTC) / 3600000);

// Day increments every hour (1..24)
const dayIndex = (GAME_ANCHOR_DAY - 1) + hoursPassed;
const dayNumber = ((dayIndex % 24) + 24) % 24 + 1;

// Month increments every 24 hours (Jan..Jul cycle)
const daysPassed = Math.floor(dayIndex / 24);
const totalMonthIndex = GAME_ANCHOR_MONTH_INDEX + daysPassed;
const monthIndex = ((totalMonthIndex % 7) + 7) % 7;

// Year increments every 7 real days
const yearsPassed = Math.floor(totalMonthIndex / 7);
const year = GAME_ANCHOR_YEAR + yearsPassed;

return `Current Game Date: ${GAME_MONTHS[monthIndex]} ${dayNumber} YR${year}`;
}

const clockFmt = new Intl.DateTimeFormat('en-GB', {
timeZone: CLOCK_TIMEZONE,
hour: '2-digit',
minute: '2-digit',
second: '2-digit',
hour12: false
});

function updateAll() {
const now = Date.now();

// --- CLOCK ---
document.querySelectorAll('[data-role="clock"]').forEach((el) => {
el.textContent = clockFmt.format(new Date(now));
});

// --- GAME DATE (Tick warning 5 minutes before the hour) ---
const msUntilNextHour = 3600000 - (now % 3600000);
const thresholdMs = TICK_SOON_MINUTES * 60 * 1000;
const shouldWarn = msUntilNextHour > 0 && msUntilNextHour <= thresholdMs;
const minutesLeft = Math.ceil(msUntilNextHour / 60000);

document.querySelectorAll('[data-role="game"]').forEach((el) => {
if (shouldWarn) {
el.textContent = `TICK SOON (${minutesLeft}m)`;
el.classList.add('pulse-red');
} else {
el.textContent = computeGameString(now);
el.classList.remove('pulse-red');
}
});

// --- COUNTDOWN ---
document.querySelectorAll('[data-role="countdown"]').forEach((el) => {
el.textContent = formatRemaining(COUNTDOWN_TARGET_UTC - now);
});
}

/* =========================================================
Build + Boot
========================================================= */
function buildBarsIfPossible() {
const stickyBar = getStickyBar();
const mainBar = getMainBar();

if (stickyBar) {
ensureWidget(stickyBar, 'clock', 'UTC:');
ensureWidget(stickyBar, 'game', null);
ensureWidget(stickyBar, 'countdown', 'Age ends in:');
}

if (mainBar) {
ensureWidget(mainBar, 'clock', 'UTC:');
ensureWidget(mainBar, 'game', null);
ensureWidget(mainBar, 'countdown', 'Age ends in:');
}
}

function startTickerOnce() {
if (window.__timeWidgetsIntervalId) return;
updateAll();
window.__timeWidgetsIntervalId = setInterval(updateAll, 1000);
}

function initAll() {
buildBarsIfPossible();
updateAll();
startTickerOnce();
}

$(initAll);
mw.hook('wikipage.content').add(initAll);
mw.hook('skin.ready').add(initAll);
})();

// Floating particles
(function () {
const canvas = document.createElement('canvas');
canvas.id = 'particle-canvas';
document.body.prepend(canvas);

const ctx = canvas.getContext('2d');
const particles = [];
const COUNT = 80;

const COLORS = [
'rgba(0, 53, 102, 0.9)', // #003566
'rgba(0, 29, 61, 0.8)', // #001d3d
'rgba(0, 8, 20, 0.7)', // #000814
'rgba(255, 255, 255, 0.15)', // subtle white glint
];

function resize() {
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
}

function randomBetween(a, b) {
return a + Math.random() * (b - a);
}

function createParticle() {
return {
x: randomBetween(0, canvas.width),
y: randomBetween(canvas.height * 0.2, canvas.height),
radius: randomBetween(1.5, 5),
color: COLORS[Math.floor(Math.random() * COLORS.length)],
speedY: randomBetween(0.2, 0.7),
speedX: randomBetween(-0.2, 0.2),
opacity: 0,
fadeIn: randomBetween(0.003, 0.008),
life: randomBetween(0.4, 1), // 0–1, fades out after 0.8
};
}

for (let i = 0; i < COUNT; i++) {
const p = createParticle();
p.y = randomBetween(0, canvas.height); // spread on init
p.opacity = randomBetween(0, 1);
particles.push(p);
}

function draw() {
ctx.clearRect(0, 0, canvas.width, canvas.height);

particles.forEach((p, i) => {
// Fade in / out
if (p.life < 0.8) {
p.opacity = Math.min(1, p.opacity + p.fadeIn);
} else {
p.opacity = Math.max(0, p.opacity - p.fadeIn * 0.5);
}

p.life += 0.001;
p.y -= p.speedY;
p.x += p.speedX;

// Reset when off screen or fully faded
if (p.y < -10 || p.life > 1.2) {
particles[i] = createParticle();
return;
}

ctx.beginPath();
ctx.arc(p.x, p.y, p.radius, 0, Math.PI * 2);
ctx.globalAlpha = p.opacity;
ctx.fillStyle = p.color;
ctx.fill();

// Soft glow
ctx.shadowBlur = 8;
ctx.shadowColor = p.color;
ctx.fill();
ctx.shadowBlur = 0;
});

ctx.globalAlpha = 1;
requestAnimationFrame(draw);
}

resize();
draw();
window.addEventListener('resize', resize);
})();

Main Page

2026-04-23T16:46:20Z

Sonja says:

Welcome to '''Utopia Wiki'''.

<big><big><center>[[Age 115 Final Changes|<span style="color: #FFC300">''Age 115 Final Changes'']]</center></big></big></div>
<big><big><big><big><big><center>[[Age 114|<span style="color: #FFC300">'''World of Legends Age 114 Final Changes''']]</center></big></big></big></big></big>
<big><big><center>[[Age 113|<span style="color: #FFC300">''Archived:'' '''World of Legends Age 113 Final Changes''']]</center></big></big></div>


{| style="width:100%; border-collapse:separate; border-spacing:15px; margin:20px 0;"
|-
| style="width:65%; vertical-align:top;" |

{| style="width:100%; background:linear-gradient(180deg, #001D3D 0%, #000814 100%); border:2px solid #FFC300; border-radius:8px; box-shadow:0 4px 15px rgba(255,195,0,0.2);"
! colspan="3" style="background:#FFC300; font-size:1.4em; font-weight:bold; text-align:center; color:#000814; padding:0.8em; border-radius:6px 6px 0 0;" |
Races
|-
| style="width:33.3%; text-align:center; padding:1.5em 1em; vertical-align:top;" |
[[File:Avian.jpg|140px|link=Age 114#Races]]
<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">[[Age 114#Races|<span style="color:#FFC300;">Avian</span>]]</div>

| style="width:33.3%; text-align:center; padding:1.5em 1em; vertical-align:top;" |
[[File:DarkElf.jpg|140px|link=Age 114#Races]]
<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">[[Age 114#Races|<span style="color:#FFC300;">Dark Elf</span>]]</div>

| style="width:33.3%; text-align:center; padding:1.5em 1em; vertical-align:top;" |
[[File:Dwarf.jpg|140px|link=Age 114#Races]]
<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">[[Age 114#Races|<span style="color:#FFC300;">Dwarf</span>]]</div>

|-
| style="text-align:center; padding:1.5em 1em; vertical-align:top;" |
[[File:Elf.jpg|140px|link=Age 114#Races]]
<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">[[Age 114#Races|<span style="color:#FFC300;">Elf</span>]]</div>

| style="text-align:center; padding:1.5em 1em; vertical-align:top;" |
[[File:Faery.jpg|140px|link=Age 114#Races]]
<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">[[Age 114#Races|<span style="color:#FFC300;">Faery</span>]]</div>

| style="text-align:center; padding:1.5em 1em; vertical-align:top;" |
[[File:Halfling.jpg|140px|link=Age 114#Races]]
<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">[[Age 114#Races|<span style="color:#FFC300;">Halfling</span>]]</div>

|-
| style="text-align:center; padding:1.5em 1em; vertical-align:top;" |
[[File:Human.jpg|140px|link=Age 114#Races]]
<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">[[Age 114#Races|<span style="color:#FFC300;">Human</span>]]</div>

| style="text-align:center; padding:1.5em 1em; vertical-align:top;" |
[[File:Orc.jpg|140px|link=Age 114#Races]]
<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">[[Age 114#Races|<span style="color:#FFC300;">Orc</span>]]</div>

| style="text-align:center; padding:1.5em 1em; vertical-align:top;" |
[[File:Undead.jpg|140px|link=Age 114#Races]]
<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">[[Age 114#Races|<span style="color:#FFC300;">Undead</span>]]</div>

|}

| style="width:35%; vertical-align:top;" |

{| style="width:100%;"
|-
| style="padding:0 0 15px 0;" |

<div style="background:linear-gradient(135deg, #003566 0%, #001D3D 100%); border:2px solid #FFC300; border-radius:8px; padding:2em; text-align:center; box-shadow:0 4px 15px rgba(255,195,0,0.2); transition:all 0.3s;">
<div class="plainlinks">[https://utopia-game.com/discord <span style="display:block; font-size:1.2em; color:#FFD60A; font-size: 1.6em;">'''Connect on Discord'''</span>]</div>
<div style="margin-top:1em; padding:1em; background:rgba(255,195,0,0.1); border-radius:4px;">
<span style="color:#FFFFFF;">Chat with players, get help, and stay updated!</span>
</div>
</div>

|-
| style="padding:0;" |

<div style="position:relative; overflow:hidden; border:2px solid #FFC300; border-radius:8px; box-shadow:0 4px 15px rgba(255,195,0,0.2);">
[[File:Age114 Dragons.png|link=Dragons|400px|center]]
<div style="position:absolute; bottom:0; left:0; right:0; background:linear-gradient(to top, rgba(0,8,20,0.95) 0%, transparent 100%); padding:1.5em 1em 1em; text-align:center;">
[[Dragons|<span style="font-size:1.4em; font-weight:bold; color:#FFC300;">Dragons</span>]]
</div>
</div>
|-
| style="padding:15px 0 0 0;" |

<div style="position:relative; overflow:hidden; border:2px solid #FFC300; border-radius:8px; box-shadow:0 4px 15px rgba(255,195,0,0.2);">
[[File:Age114 Rituals.png|link=Ritual|400px|center]]
<div style="position:absolute; bottom:0; left:0; right:0; background:linear-gradient(to top, rgba(0,8,20,0.95) 0%, transparent 100%); padding:1.5em 1em 1em; text-align:center;">
[[Ritual|<span style="font-size:1.4em; font-weight:bold; color:#FFC300;">Rituals</span>]]
</div>
</div>

|}

|}


{| style="width:100%; background:linear-gradient(180deg, #001D3D 0%, #000814 100%); margin-top:1em; border:2px solid #FFC300; border-radius:8px; box-shadow:0 4px 15px rgba(255,195,0,0.2);"
|-
| style="width:20%; text-align:center; padding:0em; border-right:2px solid #003566; vertical-align:middle;" |
<div style="font-size:1.4em; font-weight:bold; color:#FFC300; margin-bottom:0em;">Beginner's Guides</div>

| style="width:80%; padding:1em; vertical-align:middle;" |
<div class="navpills-equal-grid">
{{Navpills
|content=
{{Navpill|label=Guide to Utopia|link=A_Players_Guide_to_Utopia}}
{{Navpill|label=Choosing Race and Personalities|link=Guide:Combo Selection}}
{{Navpill|label=Recommended Defense|link=Recommended Defense}}
{{Navpill|label=Quick Tips|link=Quick Tips}}
{{Navpill|label=Commonly Used Acronyms|link=Commonly Used Acronyms}}
{{Navpill|label=Time in Utopia|link=Time in Utopia}}

}}
</div>
|}


{| style="width:100%; background:linear-gradient(180deg, #001D3D 0%, #000814 100%); margin-top:1em; border:2px solid #FFC300; border-radius:8px; box-shadow:0 4px 15px rgba(255,195,0,0.2);"
|-
| style="width:20%; text-align:center; padding:0em; border-right:2px solid #003566; vertical-align:middle;" |
<div style="font-size:1.4em; font-weight:bold; color:#FFC300; margin-bottom:0em;">New and Returning Players</div>

| style="width:80%; padding:1em; vertical-align:middle;" |

<div style="display: flex; flex-wrap: wrap; gap: 1em; list-style: none; margin: 0; padding: 0; justify-content: center;">
<div style="flex: 1 1 200px; max-width: 250px; background: linear-gradient(135deg, #003566 0%, #001D3D 100%); border: 2px solid #FFC300; border-radius: 8px; padding: 0.8em; text-align: center; box-shadow: 0 2px 8px rgba(255,195,0,0.2);">[[Getting Started with Utopia|<span style="font-size: 1em; font-weight: bold; color: #FFC300; display: block;">Getting Started with Utopia</span>]]</div>
<div style="flex: 1 1 200px; max-width: 250px; background: linear-gradient(135deg, #003566 0%, #001D3D 100%); border: 2px solid #FFC300; border-radius: 8px; padding: 0.8em; text-align: center; box-shadow: 0 2px 8px rgba(255,195,0,0.2);">[[Age 114|<span style="font-size: 1em; font-weight: bold; color: #FFC300; display: block;">Current Age Changes</span>]]</div>
<div style="flex: 1 1 200px; max-width: 250px; background: linear-gradient(135deg, #003566 0%, #001D3D 100%); border: 2px solid #FFC300; border-radius: 8px; padding: 0.8em; text-align: center; box-shadow: 0 2px 8px rgba(255,195,0,0.2);">[[Gold Status|<span style="font-size: 1em; font-weight: bold; color: #FFC300; display: block;">Gold Status</span>]]</div>
<div style="flex: 1 1 200px; max-width: 250px; background: linear-gradient(135deg, #003566 0%, #001D3D 100%); border: 2px solid #FFC300; border-radius: 8px; padding: 0.8em; text-align: center; box-shadow: 0 2px 8px rgba(255,195,0,0.2);">[[Game Rules|<span style="font-size: 1em; font-weight: bold; color: #FFC300; display: block;">Game Rules</span>]]</div>
<div style="flex: 1 1 200px; max-width: 250px; background: linear-gradient(135deg, #003566 0%, #001D3D 100%); border: 2px solid #FFC300; border-radius: 8px; padding: 0.8em; text-align: center; box-shadow: 0 2px 8px rgba(255,195,0,0.2);"><span class="plainlinks">[http://dragonportal.125mb.com/guides/ <span style="font-size: 1em; font-weight: bold; color: #FFC300; display: block;">Guides of Ages Past</span>]</div>
<div style="flex: 1 1 200px; max-width: 250px; background: linear-gradient(135deg, #003566 0%, #001D3D 100%); border: 2px solid #FFC300; border-radius: 8px; padding: 0.8em; text-align: center; box-shadow: 0 2px 8px rgba(255,195,0,0.2);"><span class="plainlinks">[http://dragonportal.125mb.com/History.html <span style="font-size: 1em; font-weight: bold; color: #FFC300; display: block;">Utopia History</span>]</div>
</div>
|}


{| style="width:100%; background:linear-gradient(180deg, #001D3D 0%, #000814 100%); border:2px solid #FFC300; border-radius:8px; box-shadow:0 4px 15px rgba(255,195,0,0.2); margin:20px 0;"
! colspan="5" style="background:#FFC300; font-size:1.4em; font-weight:bold; text-align:center; color:#000814; padding:0.8em; border-radius:6px 6px 0 0;" |
Guides by In-game Menus
|-
| style="width:20%; text-align:left; padding:1.5em 2em; vertical-align:top;" |
<div style="font-weight:bold; margin-bottom:0.8em; font-size:1.1em; color:#FFC300;">Province Information</div>
* [[Throne]] ([[Economy]], [[Food]], [[Honor]], [[Networth]])
* [[Kingdom]]
* [[The Paper|The Paper]]

| style="width:20%; text-align:left; padding:1.5em 1em; vertical-align:top;" |
<div style="font-weight:bold; margin-bottom:0.8em; font-size:1.1em; color:#FFC300;">Internal Management</div>
* [[Explore]]
* [[Growth]]
* [[Science]]
* [[Military]]
* [[Wizards]]

| style="width:20%; text-align:left; padding:1.5em 1em; vertical-align:top;" |
<div style="font-weight:bold; margin-bottom:0.8em; font-size:1.1em; color:#FFC300;">External Actions</div>
* [[Mystics]] ([[Magic Formulas]])
* [[Thievery]] ([[Thievery Formulas]])
* [[War Room]]
** ([[Attacking & Defending]], [[Hostile Meter]], [[Relations]], [[Overpopulation]], [[Multi-Attack Protection (MAP)|MAP/GBP]])
* [[Target Finder|Targets]]
* [[Aid]]
* [[Dragons]]
* [[Ritual|Rituals]]
* [[Stances]]

| style="width:20%; text-align:left; padding:1.5em 1em; vertical-align:top;" |
<div style="font-weight:bold; margin-bottom:0.8em; font-size:1.1em; color:#FFC300;">Communication & Intel Collection</div>
* [[Mail & Forums#Messaging|Mail]]
* [[Mail & Forums#forum|Forum]]
* [[MunkBot|Intel-Site]]

| style="width:20%; text-align:left; padding:1.5em 1em; vertical-align:top;" |
<div style="font-weight:bold; margin-bottom:0.8em; font-size:1.1em; color:#FFC300;">Others</div>
* [[Politics]]
* [[Rankings]]
* [[Preferences]]
* [[MunkBot]]
* [[Invitations]]
* [[Reservations]]
* [[Scientists]]
* [http://forums.utopia-game.com/forumdisplay.php?1782-In-Game-Custom-Themes Custom Themes]
* [[Externals|Player Organization and Chat Clients]]
|}


{| style="width:100%; background:linear-gradient(180deg, #001D3D 0%, #000814 100%); border:2px solid #FFC300; border-radius:8px; box-shadow:0 4px 15px rgba(255,195,0,0.2); margin:20px 0;"
! colspan="3" style="background:#FFC300; font-size:1.4em; font-weight:bold; text-align:center; color:#000814; padding:0.8em; border-radius:6px 6px 0 0;" |
Player Written Guides, Tips & Tricks   <span style="font-size:85%;">[[FAQ|FAQ '''NEW''']]</span>
|-
| style="width:33.33%; text-align:left; padding:1.5em 3em; vertical-align:top;" |
<div style="font-weight:bold; margin-bottom:0.8em; font-size:1.2em; color:#FFC300;">Player Guides</div>
* [[Attacking & Calculating an Attack]]
* [[Ambush|How To - Ambush Guide]]
* [[Chaining]]
* [[Should my KD Predetermine a Setup?]]
| style="width:33.33%; text-align:left; padding:1.5em 1em; vertical-align:top;" |
<div style="font-weight:bold; margin-bottom:0.8em; font-size:1.2em; color:#FFC300;">Leadership Guides</div>
* '''New:''' [[Warleader_Guide_to_Attrition|Warleader Guide to Attrition (2022)]]
* [[Ethics_of_Waving_and_War|Ethics of Waving and War (2020)]]
* [[Land Whoring Tips & Tricks]]
* [[Leadership_Logic|Leadership Logic (2020)]]
| style="width:33.33%; text-align:left; padding:1.5em 1.5em 1.5em 1em; vertical-align:top;" |
<div style="font-weight:bold; margin-bottom:0.8em; font-size:1.2em; color:#FFC300;">Miscellaneous Guides</div>
* [[Time in Utopia]]
* [[Dual Monarch|Dual Monarchy]]
* [[Finding Good Plunder Targets|Finding Good Plunder Targets '''NEW''']]
* [[Time to Move On|Time to Move On '''NEW''']]
|}

{| style="width:100%; background:linear-gradient(180deg, #001D3D 0%, #000814 100%); margin-top:1em; border:2px solid #FFC300; border-radius:8px; box-shadow:0 4px 15px rgba(255,195,0,0.2);"
|-
| style="width:30%; text-align:center; padding:0em; border-right:2px solid #003566; vertical-align:middle;" |
<div style="font-size:1.4em; font-weight:bold; color:#FFC300; margin-bottom:0em;">The Utopian Encyclopedia</div>
<div style="font-size:2em; font-weight:bold; color:#FFD60A; margin:0em 0;">[[Special:Statistics|{{NUMBEROFARTICLES}}]]</div>
<div style="font-size:1.2em; color:#FFFFFF;">articles and counting</div>

| style="width:70%; padding:1em; vertical-align:middle;" |
<div class="navpills-equal-grid">
{{Navpills
|content=
{{Navpill|label=About|link=UtopiaWiki:About}}
{{Navpill|label=Contribute|link=Help:Contribute}}
{{Navpill|label=Contents|link=Special:Categories}}
{{Navpill|label=FAQ|link=FAQ}}
{{Navpill|label=Dictionary|link=Dictionary}}
{{Navpill|label=Special Thanks|link=SpecialThanks}}
}}
</div>
|}

Age 115

2026-04-23T16:46:01Z

Sonja says: Created page with "= Age 115 – Final Changes = <div style="text-align:center; padding:1em; background:linear-gradient(180deg, #001D3D 0%, #000814 100%); border:2px solid #FFC300; border-radius:8px; margin-bottom:1.5em;"> <span style="color:#FFFFFF; font-size:1.3em;">'''Quick Navigation:''' Age Schedule • War Doctrines • Core Mechanics • Attacks • Buildings • Science • #Relatio..."

= Age 115 – Final Changes =

<div style="text-align:center; padding:1em; background:linear-gradient(180deg, #001D3D 0%, #000814 100%); border:2px solid #FFC300; border-radius:8px; margin-bottom:1.5em;">
<span style="color:#FFFFFF; font-size:1.3em;">'''Quick Navigation:''' [[#Age_Schedule|Age Schedule]] • [[#War_Doctrines|War Doctrines]] • [[#Core_Mechanics|Core Mechanics]] • [[#Attacks|Attacks]] • [[#Buildings|Buildings]] • [[#Science|Science]] • [[#Relations|Relations]] • [[#Dragons|Dragons]] • [[#Rituals|Rituals]] • [[#Races|Races]] • [[#Personalities|Personalities]]</span>
</div>

== Age Schedule ==

{| class="wikitable" style="width:100%; background:#001D3D; color:#FFFFFF; border:2px solid #FFC300;"
|-
| '''WoL Age 115 Open:''' || TBC
|-
| '''WoL Age 115 Start:''' || TBC
|-
| '''WoL Age 115 End:''' || TBC
|}

== War Doctrines ==

Each race contributes a '''War Doctrine''' that applies kingdom-wide during War. The first province of a race provides a stronger initial bonus, with each additional province contributing a progressively smaller amount.

{| class="wikitable" style="width:60%; background:#001D3D; color:#FFFFFF; border:2px solid #FFC300;"
|-
! style="background:#000814; color:#FFD60A;" | Province Count
! style="background:#000814; color:#FFD60A;" | Doctrine Bonus
|-
| 1st Province || +3.5%
|-
| Each additional Province || +1.5%
|-
| '''Maximum Cap''' || '''12.5%'''
|}

This rewards early commitment to a race while still allowing deeper specialisation. No War Doctrine may exceed 12.5% total effect.

'''Example:''' If your kingdom has 5 Elf provinces, your kingdom would receive a combined doctrine bonus based on the scaled contributions of each province, reaching toward the maximum cap during war — granting up to +12.5% Offensive WPA and +12.5% Spell Duration during war.

== Core Mechanics & Modifications ==

== Attacks ==

Successful '''Massacres''' will now also apply the following penalties for '''8 ticks''' in addition to the peasant, thief, and wizard kills:

- −1 Mana Recovery
- −1 Stealth Recovery
- −15% Guilds Effectiveness
- −15% Thieves' Dens Effectiveness

This effect refreshes on re-hit, but does not stack.

== Buildings ==

- Guilds reduce wizard losses on failed spells, max −25%
- Castles base percent shifted from 2.25% to 2%

== Science ==

- Resilience Multiplier shifted to 0.04401 from 0.0489
- Artisan Multiplier shifted to 0.04302 from 0.0478
- Finesse Multiplier shifted to 0.08685 from 0.0965

== Relations ==

'''Defensive Force Ceasefire (DFCF)''' reintroduced with the following changes:

DFCF becomes available when all of the following are met:

- The kingdom is 45 points (in-range) or 30 points (out-of-range) below the aggressor on the hostility meter
- The aggressor has not been given Hostile status
- No attacks have been made against the aggressor for 3 ticks
- The kingdom is lower in both Land and Networth than the aggressor

Additional DFCF rules:

- DFCF will incur a penalty if within War Range of the aggressor (15% NW or Land)
- Penalty will be a loss of 2.5% Honor and 2.5% Science
- There is no penalty incurred for DFCF if out of War Range of the aggressor
- Penalty will have a warning popup, as to not be done accidentally
- DFCF duration will be for 48 hours before it can be cancelled by either kingdom

'''Hostile meter''' will now decay after 48 hours of going hostile, decay rate will ramp with meter points.

== Dragons ==

Dragons return not as spectacle, but as pressure. They disrupt economies, drain resolve, and force hard choices until they are answered.

'''Note:''' The Celestite Dragon has been removed in Age 115. Dragon HP has been reduced by 2% across all dragons.

{| class="wikitable" style="width:100%; background:#001D3D; color:#FFFFFF; border:2px solid #FFC300;"
! style="background:#000814; color:#FFD60A;" | Dragon
! style="background:#000814; color:#FFD60A;" | Effects
|-
| '''Amethyst''' || • −30% Spell Success Chance <br> • −30% Thievery Success Chance on sabotage operations <br> • All active self-spells are removed instantly upon arrival <br> • Every 6 ticks thereafter, provinces suffer 2% wizard losses, 2% thief losses
|-
| '''Emerald''' || • +25% Military Casualties <br> • −25% Combat Gains <br> • Destroys 0.5% of troops at home instantly upon arrival <br> • Every 6 ticks thereafter, 1.5% of troops at home are lost and current Building and Specialist Credits are reduced by 40%
|-
| '''Ruby''' || • −12.5% Military Effectiveness <br> • +20% Military Wages <br> • Destroys 1.5% of offensive specialists instantly <br> • Every 6 ticks thereafter, 2.5% of offensive specialists at home desert
|-
| '''Topaz''' || • −30% Building Efficiency <br> • −25% Income <br> • Destroys 10% of buildings instantly upon arrival <br> • Every 6 ticks thereafter, destroys 5% of buildings and 20% of current gold
|-
| '''Sapphire''' || • −35% WPA and TPA <br> • −1 Mana Recovery <br> • −1 Stealth Recovery <br> • +12.5% Instant Spell and Sabotage Damage taken and −12.5% Instant Spell and Sabotage Damage dealt <br> • Every 6 ticks thereafter, destroys 25% of current rune supplies
|}

== Rituals ==

{| class="wikitable" style="width:100%; background:#001D3D; color:#FFFFFF; border:2px solid #FFC300;"
! style="background:#000814; color:#FFD60A;" | Ritual
! style="background:#000814; color:#FFD60A;" | Effects
|-
| '''Prosperity''' || • +25% Income <br> • +20% Birth Rate
|-
| '''Barrier''' || • −25% Damage from Enemy Instant Magic and Thievery Operations
|-
| '''Benediction''' <span style="color:#FFD60A;">'''(New)'''</span> || • +20% Building Efficiency <br> • −20% Draft Costs <br> • −20% Build Costs <br> • −20% Wages
|-
| '''Expropriation''' || • +25% Battle Gains <br> • +25% Specialist Credits Gained in Combat
|-
| '''Fleetfoot''' || • −10% Attack Time <br> • −15% Offensive Military Casualties
|-
| '''Havoc''' || • +25% Offensive WPA <br> • +25% Offensive TPA <br> • +20% Spell Damage <br> • +20% Sabotage Damage
|-
| '''Onslaught''' || • +10% Offensive Military Efficiency <br> • +15% Enemy Military Casualties on Attacks
|-
| '''Stalwart''' || • +5% Defensive Military Efficiency <br> • −20% Raze Damage <br> • −25% Military Casualties
|}

'''Note:''' Expedient has been removed. Benediction is new.

== Races ==

<div style="background: #001D3D; border: 2px solid #FFC300; border-radius: 6px; padding: 2em; margin-top: 2.5em; margin-bottom: 2.5em; font-size: 1.15em; line-height: 2; color: #FFFFFF; box-shadow: 0 3px 12px rgba(0,0,0,0.3);">
Each province in Utopia is defined by its '''Race''' and '''Personality''', which determine unique bonuses, penalties, units, spells, and special abilities. Choose wisely – your combination shapes your entire strategy.
</div>

{| class="wikitable" style="width:100%; color:#000814; padding:0.8em; border:2px solid #FFC300; border-collapse:collapse; font-size:1.05em; box-shadow:0 3px 12px rgba(255,195,0,0.3); border-radius:5px;"

! style="background:#000814; color:#d4a017; padding:0.8em; width:15%;" | Race
! style="background:#000814; color:#d4a017; padding:0.8em; width:24%;" | War Doctrine & Unique Ability
! style="background:#000814; color:#d4a017; padding:0.8em; width:25%;" | Bonuses & Penalties
! style="background:#000814; color:#d4a017; padding:0.8em; width:24%;" | Units
! style="background:#000814; color:#d4a017; padding:0.8em; width:12%;" | Spells

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:Avian.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Avian</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Dive Bomb'''
: Offensive specialists gain +2 offense points (War Only). Does not affect NW.

'''War Doctrine (In War):'''
: Provides up to −10% Attack Time and −12.5% Military Casualties on all attacks to you and all your kingdom.
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- −20% Attack Time
- −25% Training Time
- −25% Military Wage Cost

'''Penalties:'''

- No Access to Stables and War Horses
- −5% BE
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 12/0 (5.0nw)
- Defensive Specialist: 0/10 (5nw)
- Elite Unit: 16/3 (750gc, 7nw)
- Mercenary: 8/0 (0.0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: n/a
| style="padding:1em; vertical-align:top;" |
[[Mystics#Town_Watch|Town Watch]], [[Mystics#Illuminate_Shadows|Illuminate Shadows]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:DarkElf.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Dark Elf</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Mystic Enthusiasts'''
: Successful offensive instant spells refund 40% rune cost.

'''War Doctrine (In War):'''
: Provides up to +12.5% Instant Spell Damage and −12.5% Rune Costs to you and all your kingdom.
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- +35% Instant Spell Damage
- −35% Rune Cost (Not Including Rituals)
- Can train Thieves using Specialist Credits

'''Penalties:'''

- −15% Birth Rates
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 15/0 (6.0nw)
- Defensive Specialist: 0/11 (5.5nw)
- Elite Unit: 4/12 (750gc, 7nw)
- Mercenary: 8/0 (0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: 2/0 (0.6nw)
| style="padding:1em; vertical-align:top;" |
[[Mystics#Blizzard|Blizzard]], [[Mystics#Mage's_Fury|Mage's Fury]], [[Mystics#Illuminate_Shadows|Illuminate Shadows]], [[Mystics#Pitfalls|Pitfalls]], [[Mystics#Mind_Focus|Mind Focus]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:Dwarf.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Dwarf</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Architect's Revenge'''
: Incoming Raze damage reduced by 15% and Raze damage increased by 20%.

'''War Doctrine (In War):'''
: Provides up to −12.5% Construction Costs and +12.5% Income for you and all your kingdom.
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- +30% Building Efficiency
- −50% Construction Time

'''Penalties:'''

- Cannot Accelerate Construction
- +10% Attack Time
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 10/0 (4.0nw)
- Defensive Specialist: 0/10 (5.0nw)
- Elite Unit: 15/5 (800gc, 7nw)
- Mercenary: 8/0 (0.0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: 2/0 (0.6nw)
| style="padding:1em; vertical-align:top;" |
[[Mystics#Miner's_Mystique|Miner's Mystique]], [[Mystics#Town_Watch|Town Watch]], [[Mystics#Reflect_Magic|Reflect Magic]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:Elf.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Elf</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Arcane Surge'''
: Whenever your province's mana drops below 40%, all spells you cast while under that threshold deal +25% spell damage. The boost disappears as soon as your mana climbs back above 40%.

'''War Doctrine (In War):'''
: Provides up to +12.5% Offensive WPA and +12.5% Spell Duration to you and all your kingdom.
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- +40% Magic Effectiveness (WPA)
- +1 Mana Per Tick in War
- +40% Rune Production

'''Penalties:'''

- −20% TPA
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 10/0 (4.0nw)
- Defensive Specialist: 0/13 (6.5nw)
- Elite Unit: 15/4 (750gc, 6.0nw)
- Mercenary: 8/0 (0.0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: 2/0 (0.6nw)
| style="padding:1em; vertical-align:top;" |
[[Mystics#Pitfalls|Pitfalls]], [[Mystics#Wrath|Wrath]], [[Mystics#Vermin|Vermin]], [[Mystics#Sloth|Sloth]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:Faery.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Faery</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Leyline Interference'''
: Enemy spells cast against Faery provinces have a 20% chance to fail.

'''War Doctrine (In War):'''
: Provides up to +12.5% Defensive WPA and −12.5% Damage from Enemy Thievery Operations to you and all your kingdom.
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- +25% Spell Duration
- +20% WPA
- +1 Mana Recovery per Tick

'''Penalties:'''

- −5% Population
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 10/0 (4.0nw)
- Defensive Specialist: 0/10 (5.0nw)
- Elite Unit: 4/16 (1000gc, 8.5nw)
- Mercenary: 8/0 (0.0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: 2/0 (0.6nw)
| style="padding:1em; vertical-align:top;" |
All Racial Spells

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:Halfling.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Halfling</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Silent Assault'''
: Sabotage operations suffer 50% fewer thievery losses.

'''War Doctrine (In War):'''
: Provides up to +12.5% Sabotage Damage and +12.5% Offensive TPA to you and all your kingdom.
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- +10% Population
- +1 Stealth Regeneration Per Tick
- +20% Thievery Effectiveness (TPA)

'''Penalties:'''

- +10% Military Casualties
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 10/0 (4.0nw)
- Defensive Specialist: 0/10 (5.0nw)
- Elite Unit: 6/12 (700gc, 7.5nw)
- Mercenary: 8/0 (0.0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: 2/0 (0.6nw)
| style="padding:1em; vertical-align:top;" |
[[Mystics#Tree_of_Gold|Tree of Gold]], [[Mystics#Greater_Protection|Greater Protection]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:Human.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Human</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Civil Administration'''
: Prisoners generate an additional 2.0gc per tick and Mercenary costs are reduced by 40%.

'''War Doctrine (In War):'''
: Provides up to +12.5% Book Generation and +12.5% Science Effectiveness to you and all your kingdom.
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- All Lands hold Prisoners — 2 per Acre
- +1 Stealth Regeneration Per Tick
- −30% Damage from Learn Attacks
- +10% Science Efficiency

'''Penalties:'''

- Military wage increases take twice as long to fully apply. Wage reductions apply normally.
- +40% Rune Cost (Does not Include Rituals)
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 12/0 (4.8nw)
- Defensive Specialist: 0/10 (5.0nw)
- Elite Unit: 16/3 (750gc, 6.5nw)
- Mercenary: 8/0 (0.0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: 2/0 (0.6nw)
| style="padding:1em; vertical-align:top;" |
[[Mystics#Fountain_of_Knowledge|Fountain of Knowledge]], [[Mystics#Revelation|Revelation]], [[Mystics#Invisibility|Invisibility]], [[Mystics#Guile|Guile]], [[Mystics#Steal_Warhorses|Steal War Horses]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:Orc.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Orc</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Carnage'''
: Every time an Orc makes a successful attack, a random bonus effect is applied to that attack — the spirit of war is unpredictable and wild:
: • Destroy 25% of enemy resources (gold, runes, food)
: • Increases Military Wages by 25% for 4–6 ticks
: • −30% Military Losses

'''War Doctrine (In War):'''
: Provides up to +10% Offensive Military Efficiency and +12.5% Raze Damage to you and all your kingdom.
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- +5% Gains OOW & +15% Gains During War
- −50% Draft Cost

'''Penalties:'''

- −15% DME
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 13/0 (5.2nw)
- Defensive Specialist: 0/10 (5nw)
- Elite Unit: 18/2 (800gc, 7nw)
- Mercenary: 8/0 (0.0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: 2/0 (0.6nw)
| style="padding:1em; vertical-align:top;" |
[[Mystics#Bloodlust|Bloodlust]], [[Mystics#Wrath|Wrath]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |
[[File:Undead.jpg|120px|link=]]

<div style="margin-top:0.8em; font-size:1.2em; font-weight:bold;">Undead</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Death March'''
: Converts 45% of offensive losses into Soldiers instantly.

'''War Doctrine (In War):'''
: Provides up to −12.5% Enemy Battle Gains and +12.5% Increased Plague Spread Chance to you and all your kingdom. (Does not grant the ability to spread Plague.)
| style="padding:1em; vertical-align:top;" |
'''Bonuses:'''

- −45% Military Losses
- Plague Immunity
- Always carries Plague and chance to spread
- No Food Requirement

'''Penalties:'''

- −10% Science Efficiency
| style="padding:1em; vertical-align:top;" |
- Soldier: 3/0 (0.75nw)
- Offensive Specialist: 11/0 (4.4nw)
- Defensive Specialist: 0/10 (5.0nw)
- Elite Unit: 17/4 (800gc, 7nw)
- Mercenary: 8/0 (0.0nw)
- Prisoner: 8/0 (1.6nw)
- War Horse: 2/0 (0.6nw)
| style="padding:1em; vertical-align:top;" |
[[Mystics#Animate_Dead|Animate Dead]], [[Mystics#Aggression|Aggression]]

|}

== Personalities ==

{| class="wikitable" style="width:100%; color:#000814; padding:0.8em; border:2px solid #FFC300; border-collapse:collapse; font-size:1.05em; box-shadow:0 3px 12px rgba(255,195,0,0.3); border-radius:5px;"

! style="background:#000814; color:#d4a017; padding:0.8em; width:15%;" | Personality
! style="background:#000814; color:#d4a017; padding:0.8em; width:22%;" | Unique Ability
! style="background:#000814; color:#d4a017; padding:0.8em;" | Bonuses
! style="background:#000814; color:#d4a017; padding:0.8em; width:15%;" | Starting Bonuses
! style="background:#000814; color:#d4a017; padding:0.8em; width:14%;" | Spells

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The Artisan</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Construction Delays'''
: For 3 ticks after a successful attack, the enemy's building efficiency is reduced by 10% (does not stack).
| style="padding:1em; vertical-align:top;" |
* +40% Building Capacity (Homes, Stables, Dungeons)
* +40% Building Production (Banks, Farms, Stables, Towers, Homes)
* Immune to Plunder, Greed and Incite Riots
* +15% Economy Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +600 Soldiers
* +600 Specialist Credits
* +200 Building Credits
| style="padding:1em; vertical-align:top;" |
[[Mystics#Ghost_Workers|Ghost Workers]], [[Mystics#Greater_Protection|Greater Protection]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The General</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: General's Authority'''
: Attacks inflict +15% enemy military casualties when two or more generals are sent.
| style="padding:1em; vertical-align:top;" |
* +1 General
* −20% Training Cost & Speed
* Can train one Elite for every two Specialist Credits
* +15% Military Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +800 Soldiers
* +800 Specialist Credits
| style="padding:1em; vertical-align:top;" |
[[Mystics#Mist|Mist]], [[Mystics#Wrath|Wrath]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The Heretic</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Blasphemous Might'''
: After a failed offensive spell cast, the Heretic recovers 1% Stealth.
| style="padding:1em; vertical-align:top;" |
* +15% TPA
* +15% WPA
* −50% Thief Losses
* +20% Sabotage Damage
* +20% Spell Damage
* +75% Guild Effectiveness
* +15% Arcane Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +400 Wizards
* +400 Thieves
| style="padding:1em; vertical-align:top;" |
[[Mystics#Nightmares|Nightmares]], [[Mystics#Fools_Gold|Fools Gold]], [[Mystics#Mages_Fury|Mage's Fury]], [[Mystics#Vermin|Vermin]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The Mystic</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Focused Channelling'''
: While above 40% mana, spells gain +20% WPA.
| style="padding:1em; vertical-align:top;" |
* +125% Guilds Effectiveness
* +1 Mana Recovery per Tick
* +25% Offensive Spell Duration
* +25% Channeling Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +800 Wizards
| style="padding:1em; vertical-align:top;" |
[[Mystics#Pitfalls|Pitfalls]], [[Mystics#Meteor_Showers|Meteor Showers]], [[Mystics#Chastity|Chastity]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The Necromancer</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Dark Pact'''
: After each successful attack, The Necromancer converts:
: • 10% of the enemy's killed units into Wizards
: • 20% of the enemy's killed units into Soldiers
: • 10% of the enemy's killed units into Peasants
| style="padding:1em; vertical-align:top;" |
* +35% WPA
* +1–10% OME based on RWPA (0.5 rwpa – 5.0 rwpa)
* +25% Channeling Science Efficiency
* −50% Rune Cost (Not Ritual)
| style="padding:1em; vertical-align:top;" |
* +400 Wizards
* +400 Specialist Credits
| style="padding:1em; vertical-align:top;" |
[[Mystics#Animate_Dead|Animate Dead]], [[Mystics#Mind_Focus|Mind Focus]], [[Mystics#Soul_Blight|Soul_Blight]], [[Mystics#Guile|Guile]], [[Mystics#Nightmare|Nightmare]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The Paladin</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Holy Inquisition'''
: Successful Attacks in War or Hostile apply a mini effect:
: • Temporarily suppresses 15% of target's science effectiveness for 6–8 ticks
: • Temporarily reduces Book Generation by 20% for 6–8 ticks
: Effect does not stack, only refreshes.
| style="padding:1em; vertical-align:top;" |
* +2 War Horse Strength (alters NW)
* All lands hold and produce Horses (8 per acre)
* +7.5% Defensive Military Efficiency
* Immune to Plague
* +25% Strategy Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +800 Soldiers
* +800 Specialist Credits
| style="padding:1em; vertical-align:top;" |
[[Mystics#Salvation|Salvation]], [[Mystics#Divine_Shield|Divine Shield]], [[Mystics#Heroes_Inspiration|Heroes' Inspiration]], [[Mystics#Illuminate_Shadows|Illuminate Shadows]], [[Mystics#Wrath|Wrath]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The Rogue</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Shadow Persistence'''
: Rogue provinces may perform thievery operations while overpopulated.
| style="padding:1em; vertical-align:top;" |
* +100% Thieves' Dens Effectiveness
* +20% TPA
* +1 Stealth Recovery per Tick
* Access to All Thievery Operations
* +25% Crime Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +800 Thieves
| style="padding:1em; vertical-align:top;" |
All Thievery Operations

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The Tactician</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Interdiction'''
: Successful Attacks in War destroy resources as follows:
: • 10% of gold
: • 25% of runes
: • 20% of food
| style="padding:1em; vertical-align:top;" |
* −15% Attack Time
* +40% Specialist Credits Gains
* +25% Land gained when Ambushing
* No Thieves lost on Intel
* Enhanced Conquest: Requires only 51% Defence to succeed; only available in War; Base Gains up to 11% max; minimum gains are 3.4% of land when targeting provinces with >130% rNW
* +25% Siege Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +800 Soldiers
* +800 Specialist Credits
| style="padding:1em; vertical-align:top;" |
[[Mystics#Clearsight|Clearsight]]

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The Warrior</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Battle Cry'''
: Upon successful attack, the attack will destroy 1% of the entire population.
| style="padding:1em; vertical-align:top;" |
* +15% Offensive Military Efficiency
* +5 Mercenary & Prisoner Strength
* Mercenaries and Prisoners may be sent at 1 for every 4 normal troops sent
* −50% Mercenary Cost
* +25% Tactics Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +800 Soldiers
* +800 Specialist Credits
| style="padding:1em; vertical-align:top;" |
No Spells

|-
| style="text-align:center; padding:1em; vertical-align:top;" |

<div style="font-size:1.2em; font-weight:bold;">The War Hero</div>
| style="padding:1em; vertical-align:top;" |
'''Unique Passive: Heroes' Culling'''
: Successful Massacres kill +7% additional peasants and kill an additional 2.5% thieves and wizards.
| style="padding:1em; vertical-align:top;" |
* +15% Honor Gains
* +70% Honor Effects
* Offensive specialist gets +2 strength (Affects NW)
* +25% Siege Science Efficiency
| style="padding:1em; vertical-align:top;" |
* +800 Soldiers
* +800 Specialist Credits
| style="padding:1em; vertical-align:top;" |
[[Mystics#Quick_Feet|Quick Feet]], [[Mystics#Righteous_Aggressor|Righteous Aggressor]], [[Mystics#Paladins_Inspiration|Paladin's Inspiration]]

|}

MediaWiki:Common.js

2026-02-19T17:38:00Z

Sonja says:

/* Any JavaScript here will be loaded for all users on every page load. */
(function () {
'use strict';

/* =========================================================
CONFIG
========================================================= */
const DISCORD_URL = 'https://discord.gg/t2Rp2dRvze';

// Countdown target: Sat, 18 Apr 2026 00:00 UTC
const COUNTDOWN_TARGET_UTC = Date.parse('2026-04-18T00:00:00Z');

// Clock timezone (same for everyone)
const CLOCK_TIMEZONE = 'Etc/UTC';

// Game time anchor (real UTC -> game time)
// At 2026-02-19 14:00:00 UTC, game time was Jan 21 YR2
const GAME_ANCHOR_REAL_UTC = Date.parse('2026-02-19T14:00:00Z');
const GAME_ANCHOR_MONTH_INDEX = 0; // Jan
const GAME_ANCHOR_DAY = 21; // 1..24
const GAME_ANCHOR_YEAR = 2; // YR2
const GAME_MONTHS = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'];

// Tick warning threshold
const TICK_SOON_MINUTES = 5;

const pad2 = (n) => String(n).padStart(2, '0');

/* =========================================================
Tabs (your existing code)
========================================================= */
$(function () {
$('.wiki-tabs-container').each(function () {
const $container = $(this);
const $firstButton = $container.find('.wiki-tab-button').first();
const firstTabId = $firstButton.data('tab');
if (!firstTabId) return;

$firstButton.addClass('active');
$container.find('#' + firstTabId).addClass('active').show();
});

$('.wiki-tab-button').on('click', function () {
const $button = $(this);
const tabId = $button.data('tab');
if (!tabId) return;

const $container = $button.closest('.wiki-tabs-container');

$container.find('.wiki-tab-button').removeClass('active');
$container.find('.wiki-tab-pane').removeClass('active').hide();

$button.addClass('active');
$container.find('#' + tabId).addClass('active').show();
});
});

/* =========================================================
Helpers: find/create containers in BOTH headers
========================================================= */
function ensureDiscordLink(container, id) {
if (!container) return null;
const existing = document.getElementById(id);
if (existing) return existing;

const link = document.createElement('a');
link.id = id;
link.href = DISCORD_URL;
link.target = '_blank';
link.className =
'cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet sticky-discord-link';
link.textContent = 'Join Us on Discord!';
link.style.fontWeight = 'bold';

container.prepend(link);
return link;
}

// Sticky header: insert our widget bar inside sticky icons row
function getStickyBar() {
const icons = document.querySelector('.vector-sticky-header-icons');
if (!icons) return null;

let bar = document.getElementById('sticky-time-widgets');
if (bar) return bar;

// Keep Discord where it was (far-left in sticky icons)
const discord = ensureDiscordLink(icons, 'custom-sticky-link');

bar = document.createElement('span');
bar.id = 'sticky-time-widgets';
bar.className = 'time-widgets';

// Put widgets immediately AFTER Discord (so Discord stays at the left)
if (discord && discord.parentNode === icons) {
discord.insertAdjacentElement('afterend', bar);
} else {
icons.prepend(bar);
}

return bar;
}

// Main header: put our widgets in header end area
function getMainBar() {
const header = document.querySelector('.vector-header');
if (!header) return null;

const headerEnd = header.querySelector('.vector-header-end');
if (!headerEnd) return null;

let bar = document.getElementById('main-time-widgets');
if (bar) return bar;

bar = document.createElement('span');
bar.id = 'main-time-widgets';
bar.className = 'time-widgets';

headerEnd.prepend(bar);
ensureDiscordLink(bar, 'main-discord-link');

return bar;
}

function ensureWidget(bar, role, labelText) {
if (!bar) return;
if (bar.querySelector(`[data-role="${role}"]`)) return;

const wrap = document.createElement('span');
wrap.className = 'header-widget';

if (labelText) {
const label = document.createElement('span');
label.className = 'header-widget__label';
label.textContent = labelText;
wrap.appendChild(label);
}

const value = document.createElement('span');
value.className = 'header-widget__value';
value.dataset.role = role;

wrap.appendChild(value);
bar.appendChild(wrap);
}

/* =========================================================
Calculations / formatting
========================================================= */
function formatRemaining(ms) {
if (ms <= 0) return '00:00:00';

const totalSeconds = Math.floor(ms / 1000);
const days = Math.floor(totalSeconds / 86400);
const hours = Math.floor((totalSeconds % 86400) / 3600);
const minutes = Math.floor((totalSeconds % 3600) / 60);
const seconds = totalSeconds % 60;

if (days > 0) return `${days}d ${pad2(hours)}:${pad2(minutes)}:${pad2(seconds)}`;
return `${pad2(hours)}:${pad2(minutes)}:${pad2(seconds)}`;
}

function computeGameString(nowMs) {
const hoursPassed = Math.floor((nowMs - GAME_ANCHOR_REAL_UTC) / 3600000);

// Day increments every hour (1..24)
const dayIndex = (GAME_ANCHOR_DAY - 1) + hoursPassed;
const dayNumber = ((dayIndex % 24) + 24) % 24 + 1;

// Month increments every 24 hours (Jan..Jul cycle)
const daysPassed = Math.floor(dayIndex / 24);
const totalMonthIndex = GAME_ANCHOR_MONTH_INDEX + daysPassed;
const monthIndex = ((totalMonthIndex % 7) + 7) % 7;

// Year increments every 7 real days
const yearsPassed = Math.floor(totalMonthIndex / 7);
const year = GAME_ANCHOR_YEAR + yearsPassed;

return `Current Game Date: ${GAME_MONTHS[monthIndex]} ${dayNumber} YR${year}`;
}

const clockFmt = new Intl.DateTimeFormat('en-GB', {
timeZone: CLOCK_TIMEZONE,
hour: '2-digit',
minute: '2-digit',
second: '2-digit',
hour12: false
});

function updateAll() {
const now = Date.now();

// --- CLOCK ---
document.querySelectorAll('[data-role="clock"]').forEach((el) => {
el.textContent = clockFmt.format(new Date(now));
});

// --- GAME DATE (Tick warning 5 minutes before the hour) ---
const msUntilNextHour = 3600000 - (now % 3600000);
const thresholdMs = TICK_SOON_MINUTES * 60 * 1000;
const shouldWarn = msUntilNextHour > 0 && msUntilNextHour <= thresholdMs;
const minutesLeft = Math.ceil(msUntilNextHour / 60000);

document.querySelectorAll('[data-role="game"]').forEach((el) => {
if (shouldWarn) {
el.textContent = `TICK SOON (${minutesLeft}m)`;
el.classList.add('pulse-red');
} else {
el.textContent = computeGameString(now);
el.classList.remove('pulse-red');
}
});

// --- COUNTDOWN ---
document.querySelectorAll('[data-role="countdown"]').forEach((el) => {
el.textContent = formatRemaining(COUNTDOWN_TARGET_UTC - now);
});
}

/* =========================================================
Build + Boot
========================================================= */
function buildBarsIfPossible() {
const stickyBar = getStickyBar();
const mainBar = getMainBar();

if (stickyBar) {
ensureWidget(stickyBar, 'clock', 'UTC:');
ensureWidget(stickyBar, 'game', null);
ensureWidget(stickyBar, 'countdown', 'Age ends in:');
}

if (mainBar) {
ensureWidget(mainBar, 'clock', 'UTC:');
ensureWidget(mainBar, 'game', null);
ensureWidget(mainBar, 'countdown', 'Age ends in:');
}
}

function startTickerOnce() {
if (window.__timeWidgetsIntervalId) return;
updateAll();
window.__timeWidgetsIntervalId = setInterval(updateAll, 1000);
}

function initAll() {
buildBarsIfPossible();
updateAll();
startTickerOnce();
}

$(initAll);
mw.hook('wikipage.content').add(initAll);
mw.hook('skin.ready').add(initAll);
})();

MediaWiki:Common.js

2026-02-19T17:37:21Z

Sonja says:

/* Any JavaScript here will be loaded for all users on every page load. */
(function () {
'use strict';

/* =========================================================
CONFIG
========================================================= */
const DISCORD_URL = 'https://discord.gg/t2Rp2dRvze';

// Countdown target: Sat, 18 Apr 2026 00:00 UTC
const COUNTDOWN_TARGET_UTC = Date.parse('2026-04-18T00:00:00Z');

// Clock timezone (same for everyone)
const CLOCK_TIMEZONE = 'Etc/UTC';

// Game time anchor (real UTC -> game time)
// At 2026-02-19 14:00:00 UTC, game time was Jan 21 YR2
const GAME_ANCHOR_REAL_UTC = Date.parse('2026-02-19T14:00:00Z');
const GAME_ANCHOR_MONTH_INDEX = 0; // Jan
const GAME_ANCHOR_DAY = 21; // 1..24
const GAME_ANCHOR_YEAR = 2; // YR2
const GAME_MONTHS = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'];

// Tick warning threshold
const TICK_SOON_MINUTES = 45;

const pad2 = (n) => String(n).padStart(2, '0');

/* =========================================================
Tabs (your existing code)
========================================================= */
$(function () {
$('.wiki-tabs-container').each(function () {
const $container = $(this);
const $firstButton = $container.find('.wiki-tab-button').first();
const firstTabId = $firstButton.data('tab');
if (!firstTabId) return;

$firstButton.addClass('active');
$container.find('#' + firstTabId).addClass('active').show();
});

$('.wiki-tab-button').on('click', function () {
const $button = $(this);
const tabId = $button.data('tab');
if (!tabId) return;

const $container = $button.closest('.wiki-tabs-container');

$container.find('.wiki-tab-button').removeClass('active');
$container.find('.wiki-tab-pane').removeClass('active').hide();

$button.addClass('active');
$container.find('#' + tabId).addClass('active').show();
});
});

/* =========================================================
Helpers: find/create containers in BOTH headers
========================================================= */
function ensureDiscordLink(container, id) {
if (!container) return null;
const existing = document.getElementById(id);
if (existing) return existing;

const link = document.createElement('a');
link.id = id;
link.href = DISCORD_URL;
link.target = '_blank';
link.className =
'cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet sticky-discord-link';
link.textContent = 'Join Us on Discord!';
link.style.fontWeight = 'bold';

container.prepend(link);
return link;
}

// Sticky header: insert our widget bar inside sticky icons row
function getStickyBar() {
const icons = document.querySelector('.vector-sticky-header-icons');
if (!icons) return null;

let bar = document.getElementById('sticky-time-widgets');
if (bar) return bar;

// Keep Discord where it was (far-left in sticky icons)
const discord = ensureDiscordLink(icons, 'custom-sticky-link');

bar = document.createElement('span');
bar.id = 'sticky-time-widgets';
bar.className = 'time-widgets';

// Put widgets immediately AFTER Discord (so Discord stays at the left)
if (discord && discord.parentNode === icons) {
discord.insertAdjacentElement('afterend', bar);
} else {
icons.prepend(bar);
}

return bar;
}

// Main header: put our widgets in header end area
function getMainBar() {
const header = document.querySelector('.vector-header');
if (!header) return null;

const headerEnd = header.querySelector('.vector-header-end');
if (!headerEnd) return null;

let bar = document.getElementById('main-time-widgets');
if (bar) return bar;

bar = document.createElement('span');
bar.id = 'main-time-widgets';
bar.className = 'time-widgets';

headerEnd.prepend(bar);
ensureDiscordLink(bar, 'main-discord-link');

return bar;
}

function ensureWidget(bar, role, labelText) {
if (!bar) return;
if (bar.querySelector(`[data-role="${role}"]`)) return;

const wrap = document.createElement('span');
wrap.className = 'header-widget';

if (labelText) {
const label = document.createElement('span');
label.className = 'header-widget__label';
label.textContent = labelText;
wrap.appendChild(label);
}

const value = document.createElement('span');
value.className = 'header-widget__value';
value.dataset.role = role;

wrap.appendChild(value);
bar.appendChild(wrap);
}

/* =========================================================
Calculations / formatting
========================================================= */
function formatRemaining(ms) {
if (ms <= 0) return '00:00:00';

const totalSeconds = Math.floor(ms / 1000);
const days = Math.floor(totalSeconds / 86400);
const hours = Math.floor((totalSeconds % 86400) / 3600);
const minutes = Math.floor((totalSeconds % 3600) / 60);
const seconds = totalSeconds % 60;

if (days > 0) return `${days}d ${pad2(hours)}:${pad2(minutes)}:${pad2(seconds)}`;
return `${pad2(hours)}:${pad2(minutes)}:${pad2(seconds)}`;
}

function computeGameString(nowMs) {
const hoursPassed = Math.floor((nowMs - GAME_ANCHOR_REAL_UTC) / 3600000);

// Day increments every hour (1..24)
const dayIndex = (GAME_ANCHOR_DAY - 1) + hoursPassed;
const dayNumber = ((dayIndex % 24) + 24) % 24 + 1;

// Month increments every 24 hours (Jan..Jul cycle)
const daysPassed = Math.floor(dayIndex / 24);
const totalMonthIndex = GAME_ANCHOR_MONTH_INDEX + daysPassed;
const monthIndex = ((totalMonthIndex % 7) + 7) % 7;

// Year increments every 7 real days
const yearsPassed = Math.floor(totalMonthIndex / 7);
const year = GAME_ANCHOR_YEAR + yearsPassed;

return `Current Game Date: ${GAME_MONTHS[monthIndex]} ${dayNumber} YR${year}`;
}

const clockFmt = new Intl.DateTimeFormat('en-GB', {
timeZone: CLOCK_TIMEZONE,
hour: '2-digit',
minute: '2-digit',
second: '2-digit',
hour12: false
});

function updateAll() {
const now = Date.now();

// --- CLOCK ---
document.querySelectorAll('[data-role="clock"]').forEach((el) => {
el.textContent = clockFmt.format(new Date(now));
});

// --- GAME DATE (Tick warning 45 minutes before the hour) ---
const msUntilNextHour = 3600000 - (now % 3600000);
const thresholdMs = TICK_SOON_MINUTES * 60 * 1000;
const shouldWarn = msUntilNextHour > 0 && msUntilNextHour <= thresholdMs;
const minutesLeft = Math.ceil(msUntilNextHour / 60000);

document.querySelectorAll('[data-role="game"]').forEach((el) => {
if (shouldWarn) {
el.textContent = `TICK SOON (${minutesLeft}m)`;
el.classList.add('pulse-red');
} else {
el.textContent = computeGameString(now);
el.classList.remove('pulse-red');
}
});

// --- COUNTDOWN ---
document.querySelectorAll('[data-role="countdown"]').forEach((el) => {
el.textContent = formatRemaining(COUNTDOWN_TARGET_UTC - now);
});
}

/* =========================================================
Build + Boot
========================================================= */
function buildBarsIfPossible() {
const stickyBar = getStickyBar();
const mainBar = getMainBar();

if (stickyBar) {
ensureWidget(stickyBar, 'clock', 'UTC:');
ensureWidget(stickyBar, 'game', null);
ensureWidget(stickyBar, 'countdown', 'Age ends in:');
}

if (mainBar) {
ensureWidget(mainBar, 'clock', 'UTC:');
ensureWidget(mainBar, 'game', null);
ensureWidget(mainBar, 'countdown', 'Age ends in:');
}
}

function startTickerOnce() {
if (window.__timeWidgetsIntervalId) return;
updateAll();
window.__timeWidgetsIntervalId = setInterval(updateAll, 1000);
}

function initAll() {
buildBarsIfPossible();
updateAll();
startTickerOnce();
}

$(initAll);
mw.hook('wikipage.content').add(initAll);
mw.hook('skin.ready').add(initAll);
})();

MediaWiki:Common.js

2026-02-19T17:35:12Z

Sonja says:

/* Any JavaScript here will be loaded for all users on every page load. */
(function () {
'use strict';

/* =========================================================
CONFIG
========================================================= */
const DISCORD_URL = 'https://discord.gg/t2Rp2dRvze';

// Countdown target: Sat, 18 Apr 2026 00:00 UTC
const COUNTDOWN_TARGET_UTC = Date.parse('2026-04-18T00:00:00Z');

// Clock timezone (same for everyone)
const CLOCK_TIMEZONE = 'Etc/UTC';

// Game time anchor (real UTC -> game time)
// At 2026-02-19 14:00:00 UTC, game time was Jan 21 YR2
const GAME_ANCHOR_REAL_UTC = Date.parse('2026-02-19T14:00:00Z');
const GAME_ANCHOR_MONTH_INDEX = 0; // Jan
const GAME_ANCHOR_DAY = 21; // 1..24
const GAME_ANCHOR_YEAR = 2; // YR2
const GAME_MONTHS = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'];

const pad2 = (n) => String(n).padStart(2, '0');

/* =========================================================
Tabs (your existing code)
========================================================= */
$(function () {
$('.wiki-tabs-container').each(function () {
const $container = $(this);
const $firstButton = $container.find('.wiki-tab-button').first();
const firstTabId = $firstButton.data('tab');

$firstButton.addClass('active');
$container.find('#' + firstTabId).addClass('active').show();
});

$('.wiki-tab-button').on('click', function () {
const $button = $(this);
const tabId = $button.data('tab');
const $container = $button.closest('.wiki-tabs-container');

$container.find('.wiki-tab-button').removeClass('active');
$container.find('.wiki-tab-pane').removeClass('active').hide();

$button.addClass('active');
$container.find('#' + tabId).addClass('active').show();
});
});

/* =========================================================
Helpers: find/create containers in BOTH headers
========================================================= */
function ensureDiscordLink(container, id) {
if (!container) return null;
const existing = document.getElementById(id);
if (existing) return existing;

const link = document.createElement('a');
link.id = id;
link.href = DISCORD_URL;
link.target = '_blank';
link.className =
'cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet sticky-discord-link';
link.textContent = 'Join Us on Discord!';
link.style.fontWeight = 'bold';

container.prepend(link);
return link;
}

// Sticky header: insert our widget bar inside sticky icons row
function getStickyBar() {
const icons = document.querySelector('.vector-sticky-header-icons');
if (!icons) return null;

let bar = document.getElementById('sticky-time-widgets');
if (bar) return bar;

// Keep Discord where it was (far-left in sticky icons)
const discord = ensureDiscordLink(icons, 'custom-sticky-link');

bar = document.createElement('span');
bar.id = 'sticky-time-widgets';
bar.className = 'time-widgets';

// Put widgets immediately AFTER Discord (so Discord stays at the left)
if (discord && discord.parentNode === icons) {
discord.insertAdjacentElement('afterend', bar);
} else {
icons.prepend(bar);
}

return bar;
}

// Main header: put our widgets in header end area
function getMainBar() {
const header = document.querySelector('.vector-header');
if (!header) return null;

const headerEnd = header.querySelector('.vector-header-end');
if (!headerEnd) return null;

let bar = document.getElementById('main-time-widgets');
if (bar) return bar;

bar = document.createElement('span');
bar.id = 'main-time-widgets';
bar.className = 'time-widgets';

headerEnd.prepend(bar);
ensureDiscordLink(bar, 'main-discord-link');

return bar;
}

function ensureWidget(bar, role, labelText) {
if (!bar) return;

// already present?
if (bar.querySelector(`[data-role="${role}"]`)) return;

const wrap = document.createElement('span');
wrap.className = 'header-widget';
wrap.dataset.widget = role;

if (labelText) {
const label = document.createElement('span');
label.className = 'header-widget__label';
label.textContent = labelText;
wrap.appendChild(label);
}

const value = document.createElement('span');
value.className = 'header-widget__value';
value.dataset.role = role;

wrap.appendChild(value);
bar.appendChild(wrap);
}

/* =========================================================
Calculations / formatting
========================================================= */
function formatRemaining(ms) {
if (ms <= 0) return '00:00:00';

const totalSeconds = Math.floor(ms / 1000);
const days = Math.floor(totalSeconds / 86400);
const hours = Math.floor((totalSeconds % 86400) / 3600);
const minutes = Math.floor((totalSeconds % 3600) / 60);
const seconds = totalSeconds % 60;

if (days > 0) return `${days}d ${pad2(hours)}:${pad2(minutes)}:${pad2(seconds)}`;
return `${pad2(hours)}:${pad2(minutes)}:${pad2(seconds)}`;
}

function computeGameString(nowMs) {
const hoursPassed = Math.floor((nowMs - GAME_ANCHOR_REAL_UTC) / 3600000);

// Day increments every hour (1..24)
const dayIndex = (GAME_ANCHOR_DAY - 1) + hoursPassed;
const dayNumber = ((dayIndex % 24) + 24) % 24 + 1;

// Month increments every 24 hours (Jan..Jul cycle)
const daysPassed = Math.floor(dayIndex / 24);
const totalMonthIndex = GAME_ANCHOR_MONTH_INDEX + daysPassed;
const monthIndex = ((totalMonthIndex % 7) + 7) % 7;

// Year increments every 7 real days
const yearsPassed = Math.floor(totalMonthIndex / 7);
const year = GAME_ANCHOR_YEAR + yearsPassed;

return `Current Game Date: ${GAME_MONTHS[monthIndex]} ${dayNumber} YR${year}`;
}

const clockFmt = new Intl.DateTimeFormat('en-GB', {
timeZone: CLOCK_TIMEZONE,
hour: '2-digit',
minute: '2-digit',
second: '2-digit',
hour12: false
});

function updateAll() {
const now = Date.now();

// --- CLOCK ---
document.querySelectorAll('[data-role="clock"]').forEach((el) => {
el.textContent = clockFmt.format(new Date(now));
});

// --- GAME DATE (Tick warning 45 minutes before the hour) ---
const msUntilNextHour = 3600000 - (now % 3600000);
const thresholdMs = 45 * 60 * 1000;
const shouldWarn = msUntilNextHour > 0 && msUntilNextHour <= thresholdMs;

const minutesLeft = Math.ceil(msUntilNextHour / 60000);

document.querySelectorAll('[data-role="game"]').forEach((el) => {
if (shouldWarn) {
el.textContent = `TICK SOON (${minutesLeft}m)`;
el.classList.add("pulse-red");
} else {
el.textContent = computeGameString(now);
el.classList.remove("pulse-red");
});

// --- COUNTDOWN ---
document.querySelectorAll('[data-role="countdown"]').forEach((el) => {
el.textContent = formatRemaining(COUNTDOWN_TARGET_UTC - now);
});
}

// --- COUNTDOWN ---
document.querySelectorAll('[data-role="countdown"]').forEach((el) => {
el.textContent = formatRemaining(COUNTDOWN_TARGET_UTC - now);
});
}

/* =========================================================
Build + Boot (FIXED)
========================================================= */
function buildBarsIfPossible() {
const stickyBar = getStickyBar();
const mainBar = getMainBar();

// Sticky: Discord is separate (left), widgets in bar
if (stickyBar) {
ensureWidget(stickyBar, 'clock', 'UTC:');
ensureWidget(stickyBar, 'game', null);
ensureWidget(stickyBar, 'countdown', 'Age ends in:');
}

// Main: Discord is inside the bar (first), then widgets
if (mainBar) {
ensureWidget(mainBar, 'clock', 'UTC:');
ensureWidget(mainBar, 'game', null);
ensureWidget(mainBar, 'countdown', 'Age ends in:');
}

updateAll();
}

function startTickerOnce() {
if (window.__timeWidgetsIntervalId) return; // already ticking
updateAll();
window.__timeWidgetsIntervalId = setInterval(updateAll, 1000);
}

function initAll() {
buildBarsIfPossible();
startTickerOnce();
}

// Initial page load
$(initAll);

// Vector 2022 navigation/content swaps
mw.hook('wikipage.content').add(initAll);
mw.hook('skin.ready').add(initAll); // harmless extra safety

})();

MediaWiki:Common.css

2026-02-19T17:30:53Z

Sonja says:

/* =========================================================
GLOBAL THEME – MediaWiki 1.45 / Vector 2022
========================================================= */

/* ---------- Keyframes ---------- */
@keyframes gradient {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}

@keyframes float {
0% { transform: translateY(0px) translateX(0px) scale(1); opacity: 0; }
10% { opacity: 1; }
90% { opacity: 1; }
100% { transform: translateY(-100vh) translateX(30px) scale(1.2); opacity: 0; }
}

/* ---------- Animated gradient layer ---------- */
body::before {
content: '';
position: fixed;
inset: 0;
z-index: -2;
background: linear-gradient(-45deg, #000814, #001d3d, #000814, #003566);
background-size: 400% 400%;
animation: gradient 15s ease infinite;
}

/* ---------- Base background reset ---------- */
html,
body,
.vector-feature-page-tools-disabled .mw-page-container,
.vector-feature-page-tools-enabled .mw-page-container {
background: transparent !important;
}

/* Transparent content containers */
.mw-page-container,
.mw-body,
.vector-body {
background: transparent !important;
}

/* ---------- Particle canvas ---------- */
#particle-canvas {
position: fixed;
inset: 0;
z-index: -1;
pointer-events: none;
}

/* ---------- Base text ---------- */
body,
.mw-body,
.mw-body-content,
#mw-content-text,
.vector-body {
color: #fff !important;
}

/* ---------- Headings ---------- */
h1, h2, h3, h4, h5, h6,
.mw-headline,
#firstHeading,
.mw-page-title-main,
.page-Main_Page h1 {
color: #FFC300 !important;
}

/* ---------- Logo ---------- */
.mw-logo-icon,
.mw-logo-icon img,
.mw-logo img,
.mw-logo a.mw-logo-container img {
height: 100px !important;
width: auto !important;
max-height: 100px !important;
}
.mw-logo-icon { background-size: auto 100px !important; }

@media (max-width: 720px) {
.mw-logo-icon,
.mw-logo-icon img,
.mw-logo img,
.mw-logo a.mw-logo-container img {
height: 32px !important;
max-height: 32px !important;
}
.mw-logo-icon { background-size: auto 32px !important; }
}

/* ---------- Header ---------- */
.vector-header-container,
.vector-header,
#mw-header-container,
.mw-header {
background: #000814 !important;
border-bottom: 2px solid #FFC300 !important;
}

/* Site name */
.mw-logo-wordmark,
.mw-logo-wordmark a {
color: #FFC300 !important;
font-size: 1.8em !important;
font-weight: bold !important;
text-decoration: none !important;
}
.mw-logo-wordmark a:hover { color: #FFD60A !important; }

/* Sidebar headings */
.vector-pinnable-header-label,
.vector-main-menu-heading,
.mw-portlet h3 {
color: #FFC300 !important;
}

/* =========================================================
PAGE CONTENT LINKS
========================================================= */
.mw-parser-output a { color: #4DA3FF !important; }
.mw-parser-output a:visited { color: #9B7CFF !important; }
.mw-parser-output a:hover { color: #6BB6FF !important; text-decoration: underline; }
.mw-parser-output a:active { color: #1F4FA3 !important; }
.mw-parser-output a.new,
.mw-parser-output a.new:visited { color: #CC2200 !important; }

/* Optional: keep only if something is overriding text colors inside articles */
/* .mw-parser-output { color: #fff !important; } */

/* =========================================================
GLOBAL TABLE THEME (ALL PAGES)
========================================================= */

.mw-parser-output .wikitable {
width: auto !important; /* stop full-width */
display: inline-table !important;/* shrink-wrap to content */
max-width: 100% !important; /* don’t overflow the page */
border-collapse: collapse !important;
margin: 0.75em 0;
background: #303030 !important;
border: 1px solid #555555 !important;
}

.mw-parser-output .wikitable caption {
background: #001D3D !important;
color: #fff !important;
font-weight: bold;
padding: 0.5em 0.7em !important;
border-bottom: 1px solid #555555 !important;
}

.mw-parser-output .wikitable thead th {
background: #000 !important;
color: #EAEAEA !important;
font-weight: 700;
border: 1px solid #666666 !important;
padding: 0.5em 0.7em !important;
}

.mw-parser-output .wikitable tbody tr:nth-child(odd) { background-color: #303030 !important; }
.mw-parser-output .wikitable tbody tr:nth-child(even) { background-color: #505050 !important; }

.mw-parser-output .wikitable tbody td {
border: 1px solid #555555 !important;
color: #EAEAEA !important;
padding: 0.5em 0.7em !important;
}

/* =========================================================
TABLE OF CONTENTS – Vector 2022
========================================================= */
#vector-toc,
#toc {
background: #001D3D !important;
border: 1px solid #FFC300 !important;
border-radius: 6px;
padding: 0.75em;
}

#vector-toc .vector-pinnable-header-label,
#toc .toctitle {
color: #FFC300 !important;
font-weight: bold;
}

#vector-toc .vector-toc-text,
#toc a {
color: #EAEAEA !important;
opacity: 1 !important;
text-decoration: none;
}

/* Active item */
#vector-toc .vector-toc-list-item-active { background: transparent !important; }
#vector-toc .vector-toc-list-item-active > a.vector-toc-link { background-color: #FFD60A !important; }
#vector-toc .vector-toc-list-item-active > a.vector-toc-link .vector-toc-text {
color: #000814 !important;
font-weight: 700 !important;
}

/* Expanded parent rules */
#vector-toc .vector-toc-level-1.vector-toc-list-item-expanded > a.vector-toc-link .vector-toc-text {
color: #FFC300 !important;
font-weight: 600 !important;
}
#vector-toc .vector-toc-level-1.vector-toc-list-item-expanded.vector-toc-list-item-active > a.vector-toc-link .vector-toc-text {
color: #000814 !important;
font-weight: 700 !important;
}
#vector-toc .vector-toc-level-1.vector-toc-list-item-expanded ul .vector-toc-text {
color: #EAEAEA !important;
font-weight: normal !important;
}

/* Hover */
#vector-toc .vector-toc-list-item:not(.vector-toc-list-item-active) > a.vector-toc-link:hover .vector-toc-text {
color: #FFD60A !important;
}
#vector-toc .vector-toc-list-item-active > a.vector-toc-link:hover .vector-toc-text {
color: #000814 !important;
}

/* Remove wrappers */
.vector-toc-container,
#vector-toc-pinned-container,
.vector-pinned-container {
background: transparent !important;
border: none !important;
box-shadow: none !important;
}

/* Inline (article) TOC only */
.mw-parser-output > .toc {
background: #001D3D !important;
border: 1px solid #FFC300 !important;
}

/* =========================================================
Formula Boxes
========================================================= */
.formula-box {
display: inline-block !important; /* shrink to fit */
width: auto !important; /* no full width */
max-width: 100% !important; /* prevent overflow */
background: #001D3D;
border: 1px solid #FFC300;
border-radius: 10px;
padding: 0.8em 1em;
margin: 0.75em 0;
color: #EAEAEA;
line-height: 1.6;
white-space: normal;
overflow-wrap: anywhere;
}

.formula-box a { color: #4DA3FF !important; }
.formula-box a:visited { color: #9B7CFF !important; }

/* =========================
Vector 2022 – RIGHT PAGE TOOLS: remove the fade/gradient
========================= */
.vector-page-tools::before,
.vector-page-tools::after,
.vector-page-tools-container::before,
.vector-page-tools-container::after,
.vector-page-tools-landmark::before,
.vector-page-tools-landmark::after,
.vector-sticky-pinned-container::before,
.vector-sticky-pinned-container::after,
.vector-page-tools .vector-sticky-pinned-container::before,
.vector-page-tools .vector-sticky-pinned-container::after {
background: none !important;
background-image: none !important;
box-shadow: none !important;
filter: none !important;
backdrop-filter: none !important;
mask-image: none !important;
-webkit-mask-image: none !important;
}

/* Change Navigation Icon/Link Colors */
#mw-panel .portal a,
#mw-panel .portal a:visited {
color: #FFC300 !important; /* Change to your desired color */
}

/* Change Footer Link Colors */
div#footer ul li a,
div#footer ul li a:visited {
color: #FFC300 !important; /* Change to your desired color */
}

/* Change Footer Text and Icons */
div#footer ul li {
color: #FFC300 !important;
}

/* Change Navigation Icon/Link Colors */
#mw-panel .portal a,
#mw-panel .portal a:visited {
color: #FFC300 !important; /* Change to your desired color */
}

/* ===== NAVIGATION ICONS - VECTOR 2022 ===== */
/* User menu icon (person icon) */
.vector-user-links .vector-icon,
.vector-user-menu-login .vector-icon,
.vector-user-menu-create-account .vector-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* Settings/hamburger menu icon */
.vector-main-menu-action-toggle .vector-icon,
.vector-page-tools-landmark .vector-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* All navigation icons */
.vector-icon,
.mw-ui-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* User menu links (username) */
.vector-user-links a,
.vector-user-menu-logged-in .vector-user-links-main a {
color: #FFC300 !important;
}

/* ===== FOOTER LINKS - VECTOR 2022 ===== */
/* All footer links */
#footer a,
#footer a:link,
#footer a:visited,
.mw-footer a,
.mw-footer a:link,
.mw-footer a:visited,
footer a,
footer a:link,
footer a:visited {
color: #FFC300 !important;
}

/* Footer text color */
#footer,
#footer li,
.mw-footer,
.mw-footer li,
footer,
footer li {
color: #FFC300 !important;
}

/* Older footer selectors (keeping for compatibility) */
div#footer ul li a,
div#footer ul li a:visited {
color: #FFC300 !important;
}

div#footer ul li {
color: #FFC300 !important;
}

/* =========================================================
VECTOR 2022 – PAGE ACTIONS / TABS COLOR CONTROL
Applies to: Main Page | Discussion | Read | Edit | History | Tools
========================================================= */

/* Default page action links (not active) */
.vector-page-toolbar a,
.vector-page-toolbar a:link,
.vector-page-toolbar a:visited,
.vector-page-toolbar .mw-ui-icon a {
color: #FFC300 !important;
}

/* Hover state (optional subtle brighten) */
.vector-page-toolbar a:hover {
color: #FFD60A !important;
}

/* ACTIVE / CURRENT TAB (e.g. Main Page, Edit when editing) */
.vector-page-toolbar .selected a,
.vector-page-toolbar .mw-ui-button.mw-ui-progressive,
.vector-page-toolbar .mw-ui-button.mw-ui-progressive:visited {
color: #FFFFFF !important;
}

/* Ensure active tab background doesn't force dark text */
.vector-page-toolbar .selected a,
.vector-page-toolbar .selected span {
color: #FFFFFF !important;
}

/* Missing page links stay red */
.vector-page-toolbar a.new,
.vector-page-toolbar a.new:visited {
color: #CC2200 !important;
}

/* ============ NAVPILLS ============ */
/* Navpills styling */
.navpills-container {
margin: 1.5em 0;
padding: 0;
}

.navpills {
display: flex;
flex-wrap: wrap;
gap: 0.8em;
list-style: none;
margin: 0;
padding: 0;
}

.navpill-item {
display: inline-block;
}

.navpill-item a {
text-decoration: none !important;
}

.navpill-item a span {
display: inline-block;
padding: 0.7em 1.3em;
background: linear-gradient(135deg, #003566 0%, #001D3D 100%);
color: #FFC300 !important;
border: 2px solid #FFC300;
border-radius: 6px;
font-weight: bold;
text-decoration: none;
transition: all 0.3s ease;
font-size: 1.05em;
box-shadow: 0 2px 8px rgba(255, 195, 0, 0.2);
}

.navpill-item a:hover span {
background: linear-gradient(135deg, #FFC300 0%, #FFD60A 100%);
color: #000814 !important;
border-color: #FFD60A;
box-shadow: 0 4px 12px rgba(255, 195, 0, 0.4);
transform: translateY(-2px);
}

/* Mobile responsive */
@media (max-width: 768px) {
.navpills {
flex-direction: column;
}

.navpill-item {
width: 100%;
}

.navpill-item a span {
display: block;
text-align: center;
}
}

/* ============ TABS ============ */
/* CSS-Only Tabs */
.wiki-tabs-container-css {
margin: 2em 0;
background: linear-gradient(180deg, #001D3D 0%, #000814 100%);
border: 2px solid #FFC300;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 15px rgba(255, 195, 0, 0.2);
}

/* Hide radio buttons */
.wiki-tab-radio {
display: none;
}

/* Tab Labels (Buttons) */
.wiki-tab-label {
display: inline-block;
padding: 1em 1.5em;
background: #001D3D;
color: #FFC300;
border-right: 1px solid rgba(255, 195, 0, 0.3);
font-size: 1.1em;
font-weight: bold;
cursor: pointer;
transition: all 0.3s ease;
text-align: center;
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, serif;
margin: 0;
border-bottom: 2px solid #000814;
}

.wiki-tab-label:hover {
background: #003566;
color: #FFD60A;
}

/* Active tab style */
.wiki-tab-radio:checked + .wiki-tab-label {
background: #FFC300;
color: #000814;
border-bottom: 3px solid #FFD60A;
}

/* Tab Content */
.wiki-tab-content {
display: none;
padding: 2em;
color: #FFFFFF;
}

/* Show content when tab is checked */
.wiki-tab-radio:checked ~ .wiki-tab-content {
display: block;
}

/* Mobile Responsive */
@media (max-width: 768px) {
.wiki-tab-label {
display: block;
width: 100%;
border-right: none;
border-bottom: 1px solid rgba(255, 195, 0, 0.3);
}
}

/* =========================================================
STICKY HEADER FIX - Keep blue background when scrolling
========================================================= */

/* Sticky header container */
.vector-sticky-header,
.vector-sticky-header-container {
background: #000814 !important;
border-bottom: 2px solid #FFC300 !important;
}

/* Sticky header elements */
.vector-sticky-header-start,
.vector-sticky-header-end,
.vector-sticky-header-context-bar {
background: #000814 !important;
}

/* Page title in sticky header */
.vector-sticky-header-context-bar-primary,
.vector-sticky-header .mw-page-title-main {
color: #FFC300 !important;
}

/* Sticky header buttons and icons */
.vector-sticky-header button,
.vector-sticky-header .vector-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* Sticky header links */
.vector-sticky-header a {
color: #FFC300 !important;
}

/* Race table text override */
.racebox td {
color: black !important;
}

.racebox th {
color: white !important; /* keeps your header colors */
}

/* Equal-width navpills grid */
.navpills-equal-grid .navpills {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 1em !important;
}

.navpills-equal-grid .navpill-item {
width: 100% !important;
display: block !important;
}

.navpills-equal-grid .navpill-item a span {
display: block !important;
width: 100% !important;
text-align: center !important;
padding: 0.5em !important;
box-sizing: border-box !important;
}

@media (max-width: 768px) {
.navpills-equal-grid .navpills {
grid-template-columns: 1fr !important;
}
}

/* Race card buttons with hover animation */
.race-card {
display: block;
text-align: center;
padding: 1.5em 1em;
background: linear-gradient(135deg, #003566 0%, #001D3D 100%);
border: 2px solid #FFC300;
border-radius: 8px;
transition: all 0.3s ease;
box-shadow: 0 2px 8px rgba(255, 195, 0, 0.2);
text-decoration: none;
}

.race-card:hover {
background: linear-gradient(135deg, #FFC300 0%, #FFD60A 100%);
border-color: #FFD60A;
box-shadow: 0 4px 12px rgba(255, 195, 0, 0.4);
transform: translateY(-4px);
}

.race-card img {
display: block;
margin: 0 auto;
transition: transform 0.3s ease;
}

.race-card:hover img {
transform: scale(1.05);
}

.race-card-name {
margin-top: 0.8em;
font-size: 1.2em;
font-weight: bold;
color: #FFC300;
transition: color 0.3s ease;
}

.race-card:hover .race-card-name {
color: #000814;
}

/* =========================================================
Time widgets (works in BOTH main header + sticky header)
========================================================= */

.time-widgets {
display: inline-flex !important;
align-items: center !important;
gap: 12px !important;
white-space: nowrap !important;
}

/* Nice pill styling */
.time-widgets .header-widget {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
padding: 6px 10px !important;
border: 1px solid #FFC300 !important;
border-radius: 999px !important;
background: linear-gradient(135deg, #003566 0%, #001D3D 100%) !important;
box-shadow: 0 2px 8px rgba(255, 195, 0, 0.18) !important;
}

.time-widgets .header-widget__label {
color: #FFC300 !important;
font-weight: 700 !important;
font-size: 0.95em !important;
}

.time-widgets .header-widget__value {
color: #FFFFFF !important;
font-weight: 700 !important;
font-variant-numeric: tabular-nums;
font-size: 0.95em !important;
}

/* MAIN header: center the bar within the header end area */
.vector-header .vector-header-end {
display: flex !important;
align-items: center !important;
}

#main-time-widgets.time-widgets {
flex: 1 1 auto !important;
justify-content: center !important;
}

/* Sticky header: keep your current behavior (Discord left, widgets center) */
.vector-sticky-header-icons {
display: flex !important;
align-items: center !important;
gap: 10px !important;
}

#sticky-time-widgets.time-widgets,
#main-time-widgets.time-widgets {
margin: 0 auto !important;
display: inline-flex !important;
align-items: center !important;
gap: 12px !important;
white-space: nowrap !important;
}

/* Optional: hide labels when cramped */
@media (max-width: 1100px) {
.time-widgets .header-widget__label { display: none !important; }
}

/* Hide bar entirely on very small screens */
@media (max-width: 860px) {
#main-time-widgets,
#sticky-time-widgets { display: none !important; }
}

@keyframes pulseRed {
0% { transform: scale(1); opacity: 1; }
50% { transform: scale(1.06); opacity: 0.85; }
100% { transform: scale(1); opacity: 1; }
}

.pulse-red {
color: #ff4d4d !important;
font-weight: 800 !important;
animation: pulseRed 0.9s ease-in-out infinite !important;
}

MediaWiki:Common.js

2026-02-19T17:22:46Z

Sonja says:

/* Any JavaScript here will be loaded for all users on every page load. */
(function () {
'use strict';

/* =========================================================
CONFIG
========================================================= */
const DISCORD_URL = 'https://discord.gg/t2Rp2dRvze';

// Countdown target: Sat, 18 Apr 2026 00:00 UTC
const COUNTDOWN_TARGET_UTC = Date.parse('2026-04-18T00:00:00Z');

// Clock timezone (same for everyone)
const CLOCK_TIMEZONE = 'Etc/UTC';

// Game time anchor (real UTC -> game time)
// At 2026-02-19 14:00:00 UTC, game time was Jan 21 YR2
const GAME_ANCHOR_REAL_UTC = Date.parse('2026-02-19T14:00:00Z');
const GAME_ANCHOR_MONTH_INDEX = 0; // Jan
const GAME_ANCHOR_DAY = 21; // 1..24
const GAME_ANCHOR_YEAR = 2; // YR2
const GAME_MONTHS = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'];

const pad2 = (n) => String(n).padStart(2, '0');

/* =========================================================
Tabs (your existing code)
========================================================= */
$(function () {
$('.wiki-tabs-container').each(function () {
const $container = $(this);
const $firstButton = $container.find('.wiki-tab-button').first();
const firstTabId = $firstButton.data('tab');

$firstButton.addClass('active');
$container.find('#' + firstTabId).addClass('active').show();
});

$('.wiki-tab-button').on('click', function () {
const $button = $(this);
const tabId = $button.data('tab');
const $container = $button.closest('.wiki-tabs-container');

$container.find('.wiki-tab-button').removeClass('active');
$container.find('.wiki-tab-pane').removeClass('active').hide();

$button.addClass('active');
$container.find('#' + tabId).addClass('active').show();
});
});

/* =========================================================
Helpers: find/create containers in BOTH headers
========================================================= */
function ensureDiscordLink(container, id) {
if (!container) return null;
const existing = document.getElementById(id);
if (existing) return existing;

const link = document.createElement('a');
link.id = id;
link.href = DISCORD_URL;
link.target = '_blank';
link.className =
'cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet sticky-discord-link';
link.textContent = 'Join Us on Discord!';
link.style.fontWeight = 'bold';

container.prepend(link);
return link;
}

// Sticky header: insert our widget bar inside sticky icons row
function getStickyBar() {
const icons = document.querySelector('.vector-sticky-header-icons');
if (!icons) return null;

let bar = document.getElementById('sticky-time-widgets');
if (bar) return bar;

// Keep Discord where it was (far-left in sticky icons)
const discord = ensureDiscordLink(icons, 'custom-sticky-link');

bar = document.createElement('span');
bar.id = 'sticky-time-widgets';
bar.className = 'time-widgets';

// Put widgets immediately AFTER Discord (so Discord stays at the left)
if (discord && discord.parentNode === icons) {
discord.insertAdjacentElement('afterend', bar);
} else {
icons.prepend(bar);
}

return bar;
}

// Main header: put our widgets in header end area
function getMainBar() {
const header = document.querySelector('.vector-header');
if (!header) return null;

const headerEnd = header.querySelector('.vector-header-end');
if (!headerEnd) return null;

let bar = document.getElementById('main-time-widgets');
if (bar) return bar;

bar = document.createElement('span');
bar.id = 'main-time-widgets';
bar.className = 'time-widgets';

headerEnd.prepend(bar);
ensureDiscordLink(bar, 'main-discord-link');

return bar;
}

function ensureWidget(bar, role, labelText) {
if (!bar) return;

// already present?
if (bar.querySelector(`[data-role="${role}"]`)) return;

const wrap = document.createElement('span');
wrap.className = 'header-widget';
wrap.dataset.widget = role;

if (labelText) {
const label = document.createElement('span');
label.className = 'header-widget__label';
label.textContent = labelText;
wrap.appendChild(label);
}

const value = document.createElement('span');
value.className = 'header-widget__value';
value.dataset.role = role;

wrap.appendChild(value);
bar.appendChild(wrap);
}

/* =========================================================
Calculations / formatting
========================================================= */
function formatRemaining(ms) {
if (ms <= 0) return '00:00:00';

const totalSeconds = Math.floor(ms / 1000);
const days = Math.floor(totalSeconds / 86400);
const hours = Math.floor((totalSeconds % 86400) / 3600);
const minutes = Math.floor((totalSeconds % 3600) / 60);
const seconds = totalSeconds % 60;

if (days > 0) return `${days}d ${pad2(hours)}:${pad2(minutes)}:${pad2(seconds)}`;
return `${pad2(hours)}:${pad2(minutes)}:${pad2(seconds)}`;
}

function computeGameString(nowMs) {
const hoursPassed = Math.floor((nowMs - GAME_ANCHOR_REAL_UTC) / 3600000);

// Day increments every hour (1..24)
const dayIndex = (GAME_ANCHOR_DAY - 1) + hoursPassed;
const dayNumber = ((dayIndex % 24) + 24) % 24 + 1;

// Month increments every 24 hours (Jan..Jul cycle)
const daysPassed = Math.floor(dayIndex / 24);
const totalMonthIndex = GAME_ANCHOR_MONTH_INDEX + daysPassed;
const monthIndex = ((totalMonthIndex % 7) + 7) % 7;

// Year increments every 7 real days
const yearsPassed = Math.floor(totalMonthIndex / 7);
const year = GAME_ANCHOR_YEAR + yearsPassed;

return `Current Game Date: ${GAME_MONTHS[monthIndex]} ${dayNumber} YR${year}`;
}

const clockFmt = new Intl.DateTimeFormat('en-GB', {
timeZone: CLOCK_TIMEZONE,
hour: '2-digit',
minute: '2-digit',
second: '2-digit',
hour12: false
});

function updateAll() {
const now = Date.now();

// --- CLOCK ---
document.querySelectorAll('[data-role="clock"]').forEach((el) => {
el.textContent = clockFmt.format(new Date(now));
});

// --- GAME DATE (Tick warning 45 minutes before the hour) ---
const msUntilNextHour = 3600000 - (now % 3600000);
const thresholdMs = 45 * 60 * 1000;
const shouldWarn = msUntilNextHour > 0 && msUntilNextHour <= thresholdMs;

const minutesLeft = Math.ceil(msUntilNextHour / 60000);

document.querySelectorAll('[data-role="game"]').forEach((el) => {
if (shouldWarn) {
el.textContent = `TICK SOON (${minutesLeft}m)`;
el.classList.add("pulse-red");
} else {
el.textContent = computeGameString(now);
el.classList.remove("pulse-red");
}
});

// --- COUNTDOWN ---
document.querySelectorAll('[data-role="countdown"]').forEach((el) => {
el.textContent = formatRemaining(COUNTDOWN_TARGET_UTC - now);
});
}

// --- COUNTDOWN ---
document.querySelectorAll('[data-role="countdown"]').forEach((el) => {
el.textContent = formatRemaining(COUNTDOWN_TARGET_UTC - now);
});
}

/* =========================================================
Build + Boot (FIXED)
========================================================= */
function buildBarsIfPossible() {
const stickyBar = getStickyBar();
const mainBar = getMainBar();

// Sticky: Discord is separate (left), widgets in bar
if (stickyBar) {
ensureWidget(stickyBar, 'clock', 'UTC:');
ensureWidget(stickyBar, 'game', null);
ensureWidget(stickyBar, 'countdown', 'Age ends in:');
}

// Main: Discord is inside the bar (first), then widgets
if (mainBar) {
ensureWidget(mainBar, 'clock', 'UTC:');
ensureWidget(mainBar, 'game', null);
ensureWidget(mainBar, 'countdown', 'Age ends in:');
}

updateAll();
}

function startTickerOnce() {
if (window.__timeWidgetsIntervalId) return; // already ticking
updateAll();
window.__timeWidgetsIntervalId = setInterval(updateAll, 1000);
}

function initAll() {
buildBarsIfPossible();
startTickerOnce();
}

// Initial page load
$(initAll);

// Vector 2022 navigation/content swaps
mw.hook('wikipage.content').add(initAll);
mw.hook('skin.ready').add(initAll); // harmless extra safety

})();

MediaWiki:Common.js

2026-02-19T17:21:08Z

Sonja says:

/* Any JavaScript here will be loaded for all users on every page load. */
(function () {
'use strict';

/* =========================================================
CONFIG
========================================================= */
const DISCORD_URL = 'https://discord.gg/t2Rp2dRvze';

// Countdown target: Sat, 18 Apr 2026 00:00 UTC
const COUNTDOWN_TARGET_UTC = Date.parse('2026-04-18T00:00:00Z');

// Clock timezone (same for everyone)
const CLOCK_TIMEZONE = 'Etc/UTC';

// Game time anchor (real UTC -> game time)
// At 2026-02-19 14:00:00 UTC, game time was Jan 21 YR2
const GAME_ANCHOR_REAL_UTC = Date.parse('2026-02-19T14:00:00Z');
const GAME_ANCHOR_MONTH_INDEX = 0; // Jan
const GAME_ANCHOR_DAY = 21; // 1..24
const GAME_ANCHOR_YEAR = 2; // YR2
const GAME_MONTHS = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'];

const pad2 = (n) => String(n).padStart(2, '0');

/* =========================================================
Tabs (your existing code)
========================================================= */
$(function () {
$('.wiki-tabs-container').each(function () {
const $container = $(this);
const $firstButton = $container.find('.wiki-tab-button').first();
const firstTabId = $firstButton.data('tab');

$firstButton.addClass('active');
$container.find('#' + firstTabId).addClass('active').show();
});

$('.wiki-tab-button').on('click', function () {
const $button = $(this);
const tabId = $button.data('tab');
const $container = $button.closest('.wiki-tabs-container');

$container.find('.wiki-tab-button').removeClass('active');
$container.find('.wiki-tab-pane').removeClass('active').hide();

$button.addClass('active');
$container.find('#' + tabId).addClass('active').show();
});
});

/* =========================================================
Helpers: find/create containers in BOTH headers
========================================================= */
function ensureDiscordLink(container, id) {
if (!container) return null;
const existing = document.getElementById(id);
if (existing) return existing;

const link = document.createElement('a');
link.id = id;
link.href = DISCORD_URL;
link.target = '_blank';
link.className =
'cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet sticky-discord-link';
link.textContent = 'Join Us on Discord!';
link.style.fontWeight = 'bold';

container.prepend(link);
return link;
}

// Sticky header: insert our widget bar inside sticky icons row
function getStickyBar() {
const icons = document.querySelector('.vector-sticky-header-icons');
if (!icons) return null;

let bar = document.getElementById('sticky-time-widgets');
if (bar) return bar;

// Keep Discord where it was (far-left in sticky icons)
const discord = ensureDiscordLink(icons, 'custom-sticky-link');

bar = document.createElement('span');
bar.id = 'sticky-time-widgets';
bar.className = 'time-widgets';

// Put widgets immediately AFTER Discord (so Discord stays at the left)
if (discord && discord.parentNode === icons) {
discord.insertAdjacentElement('afterend', bar);
} else {
icons.prepend(bar);
}

return bar;
}

// Main header: put our widgets in header end area
function getMainBar() {
const header = document.querySelector('.vector-header');
if (!header) return null;

const headerEnd = header.querySelector('.vector-header-end');
if (!headerEnd) return null;

let bar = document.getElementById('main-time-widgets');
if (bar) return bar;

bar = document.createElement('span');
bar.id = 'main-time-widgets';
bar.className = 'time-widgets';

headerEnd.prepend(bar);
ensureDiscordLink(bar, 'main-discord-link');

return bar;
}

function ensureWidget(bar, role, labelText) {
if (!bar) return;

// already present?
if (bar.querySelector(`[data-role="${role}"]`)) return;

const wrap = document.createElement('span');
wrap.className = 'header-widget';
wrap.dataset.widget = role;

if (labelText) {
const label = document.createElement('span');
label.className = 'header-widget__label';
label.textContent = labelText;
wrap.appendChild(label);
}

const value = document.createElement('span');
value.className = 'header-widget__value';
value.dataset.role = role;

wrap.appendChild(value);
bar.appendChild(wrap);
}

/* =========================================================
Calculations / formatting
========================================================= */
function formatRemaining(ms) {
if (ms <= 0) return '00:00:00';

const totalSeconds = Math.floor(ms / 1000);
const days = Math.floor(totalSeconds / 86400);
const hours = Math.floor((totalSeconds % 86400) / 3600);
const minutes = Math.floor((totalSeconds % 3600) / 60);
const seconds = totalSeconds % 60;

if (days > 0) return `${days}d ${pad2(hours)}:${pad2(minutes)}:${pad2(seconds)}`;
return `${pad2(hours)}:${pad2(minutes)}:${pad2(seconds)}`;
}

function computeGameString(nowMs) {
const hoursPassed = Math.floor((nowMs - GAME_ANCHOR_REAL_UTC) / 3600000);

// Day increments every hour (1..24)
const dayIndex = (GAME_ANCHOR_DAY - 1) + hoursPassed;
const dayNumber = ((dayIndex % 24) + 24) % 24 + 1;

// Month increments every 24 hours (Jan..Jul cycle)
const daysPassed = Math.floor(dayIndex / 24);
const totalMonthIndex = GAME_ANCHOR_MONTH_INDEX + daysPassed;
const monthIndex = ((totalMonthIndex % 7) + 7) % 7;

// Year increments every 7 real days
const yearsPassed = Math.floor(totalMonthIndex / 7);
const year = GAME_ANCHOR_YEAR + yearsPassed;

return `Current Game Date: ${GAME_MONTHS[monthIndex]} ${dayNumber} YR${year}`;
}

const clockFmt = new Intl.DateTimeFormat('en-GB', {
timeZone: CLOCK_TIMEZONE,
hour: '2-digit',
minute: '2-digit',
second: '2-digit',
hour12: false
});

function updateAll() {
const now = Date.now();

// --- CLOCK ---
document.querySelectorAll('[data-role="clock"]').forEach((el) => {
el.textContent = clockFmt.format(new Date(now));
});

// --- GAME DATE (Tick warning 45 minutes before the hour) ---
const msUntilNextHour = 3600000 - (now % 3600000);
const thresholdMs = 45 * 60 * 1000;
const shouldWarn = msUntilNextHour > 0 && msUntilNextHour <= thresholdMs;

document.querySelectorAll('[data-role="game"]').forEach((el) => {
if (shouldWarn) {
el.textContent = "TICK SOON";
el.classList.add("pulse-red");
} else {
el.textContent = computeGameString(now);
el.classList.remove("pulse-red");
}
});

// --- COUNTDOWN ---
document.querySelectorAll('[data-role="countdown"]').forEach((el) => {
el.textContent = formatRemaining(COUNTDOWN_TARGET_UTC - now);
});
}

// --- COUNTDOWN ---
document.querySelectorAll('[data-role="countdown"]').forEach((el) => {
el.textContent = formatRemaining(COUNTDOWN_TARGET_UTC - now);
});
}

/* =========================================================
Build + Boot (FIXED)
========================================================= */
function buildBarsIfPossible() {
const stickyBar = getStickyBar();
const mainBar = getMainBar();

// Sticky: Discord is separate (left), widgets in bar
if (stickyBar) {
ensureWidget(stickyBar, 'clock', 'UTC:');
ensureWidget(stickyBar, 'game', null);
ensureWidget(stickyBar, 'countdown', 'Age ends in:');
}

// Main: Discord is inside the bar (first), then widgets
if (mainBar) {
ensureWidget(mainBar, 'clock', 'UTC:');
ensureWidget(mainBar, 'game', null);
ensureWidget(mainBar, 'countdown', 'Age ends in:');
}

updateAll();
}

function startTickerOnce() {
if (window.__timeWidgetsIntervalId) return; // already ticking
updateAll();
window.__timeWidgetsIntervalId = setInterval(updateAll, 1000);
}

function initAll() {
buildBarsIfPossible();
startTickerOnce();
}

// Initial page load
$(initAll);

// Vector 2022 navigation/content swaps
mw.hook('wikipage.content').add(initAll);
mw.hook('skin.ready').add(initAll); // harmless extra safety

})();

MediaWiki:Common.js

2026-02-19T17:18:47Z

Sonja says:

/* Any JavaScript here will be loaded for all users on every page load. */
(function () {
'use strict';

/* =========================================================
CONFIG
========================================================= */
const DISCORD_URL = 'https://discord.gg/t2Rp2dRvze';

// Countdown target: Sat, 18 Apr 2026 00:00 UTC
const COUNTDOWN_TARGET_UTC = Date.parse('2026-04-18T00:00:00Z');

// Clock timezone (same for everyone)
const CLOCK_TIMEZONE = 'Etc/UTC';

// Game time anchor (real UTC -> game time)
// At 2026-02-19 14:00:00 UTC, game time was Jan 21 YR2
const GAME_ANCHOR_REAL_UTC = Date.parse('2026-02-19T14:00:00Z');
const GAME_ANCHOR_MONTH_INDEX = 0; // Jan
const GAME_ANCHOR_DAY = 21; // 1..24
const GAME_ANCHOR_YEAR = 2; // YR2
const GAME_MONTHS = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'];

const pad2 = (n) => String(n).padStart(2, '0');

/* =========================================================
Tabs (your existing code)
========================================================= */
$(function () {
$('.wiki-tabs-container').each(function () {
const $container = $(this);
const $firstButton = $container.find('.wiki-tab-button').first();
const firstTabId = $firstButton.data('tab');

$firstButton.addClass('active');
$container.find('#' + firstTabId).addClass('active').show();
});

$('.wiki-tab-button').on('click', function () {
const $button = $(this);
const tabId = $button.data('tab');
const $container = $button.closest('.wiki-tabs-container');

$container.find('.wiki-tab-button').removeClass('active');
$container.find('.wiki-tab-pane').removeClass('active').hide();

$button.addClass('active');
$container.find('#' + tabId).addClass('active').show();
});
});

/* =========================================================
Helpers: find/create containers in BOTH headers
========================================================= */
function ensureDiscordLink(container, id) {
if (!container) return null;
const existing = document.getElementById(id);
if (existing) return existing;

const link = document.createElement('a');
link.id = id;
link.href = DISCORD_URL;
link.target = '_blank';
link.className =
'cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet sticky-discord-link';
link.textContent = 'Join Us on Discord!';
link.style.fontWeight = 'bold';

container.prepend(link);
return link;
}

// Sticky header: insert our widget bar inside sticky icons row
function getStickyBar() {
const icons = document.querySelector('.vector-sticky-header-icons');
if (!icons) return null;

let bar = document.getElementById('sticky-time-widgets');
if (bar) return bar;

// Keep Discord where it was (far-left in sticky icons)
const discord = ensureDiscordLink(icons, 'custom-sticky-link');

bar = document.createElement('span');
bar.id = 'sticky-time-widgets';
bar.className = 'time-widgets';

// Put widgets immediately AFTER Discord (so Discord stays at the left)
if (discord && discord.parentNode === icons) {
discord.insertAdjacentElement('afterend', bar);
} else {
icons.prepend(bar);
}

return bar;
}

// Main header: put our widgets in header end area
function getMainBar() {
const header = document.querySelector('.vector-header');
if (!header) return null;

const headerEnd = header.querySelector('.vector-header-end');
if (!headerEnd) return null;

let bar = document.getElementById('main-time-widgets');
if (bar) return bar;

bar = document.createElement('span');
bar.id = 'main-time-widgets';
bar.className = 'time-widgets';

headerEnd.prepend(bar);
ensureDiscordLink(bar, 'main-discord-link');

return bar;
}

function ensureWidget(bar, role, labelText) {
if (!bar) return;

// already present?
if (bar.querySelector(`[data-role="${role}"]`)) return;

const wrap = document.createElement('span');
wrap.className = 'header-widget';
wrap.dataset.widget = role;

if (labelText) {
const label = document.createElement('span');
label.className = 'header-widget__label';
label.textContent = labelText;
wrap.appendChild(label);
}

const value = document.createElement('span');
value.className = 'header-widget__value';
value.dataset.role = role;

wrap.appendChild(value);
bar.appendChild(wrap);
}

/* =========================================================
Calculations / formatting
========================================================= */
function formatRemaining(ms) {
if (ms <= 0) return '00:00:00';

const totalSeconds = Math.floor(ms / 1000);
const days = Math.floor(totalSeconds / 86400);
const hours = Math.floor((totalSeconds % 86400) / 3600);
const minutes = Math.floor((totalSeconds % 3600) / 60);
const seconds = totalSeconds % 60;

if (days > 0) return `${days}d ${pad2(hours)}:${pad2(minutes)}:${pad2(seconds)}`;
return `${pad2(hours)}:${pad2(minutes)}:${pad2(seconds)}`;
}

function computeGameString(nowMs) {
const hoursPassed = Math.floor((nowMs - GAME_ANCHOR_REAL_UTC) / 3600000);

// Day increments every hour (1..24)
const dayIndex = (GAME_ANCHOR_DAY - 1) + hoursPassed;
const dayNumber = ((dayIndex % 24) + 24) % 24 + 1;

// Month increments every 24 hours (Jan..Jul cycle)
const daysPassed = Math.floor(dayIndex / 24);
const totalMonthIndex = GAME_ANCHOR_MONTH_INDEX + daysPassed;
const monthIndex = ((totalMonthIndex % 7) + 7) % 7;

// Year increments every 7 real days
const yearsPassed = Math.floor(totalMonthIndex / 7);
const year = GAME_ANCHOR_YEAR + yearsPassed;

return `Current Game Date: ${GAME_MONTHS[monthIndex]} ${dayNumber} YR${year}`;
}

const clockFmt = new Intl.DateTimeFormat('en-GB', {
timeZone: CLOCK_TIMEZONE,
hour: '2-digit',
minute: '2-digit',
second: '2-digit',
hour12: false
});

function updateAll() {
// ---- Pulse logic (45 minutes before the tick) ----
const msUntilNextHour = 3600000 - (now % 3600000);
const thresholdMs = 45 * 60 * 1000;

const shouldWarn = msUntilNextHour > 0 && msUntilNextHour <= thresholdMs;

document.querySelectorAll('[data-role="game"]').forEach((el) => {
if (shouldWarn) {
el.textContent = "TICK SOON";
el.classList.add("pulse-red");
} else {
el.textContent = computeGameString(now);
el.classList.remove("pulse-red");
}
});

// --- COUNTDOWN ---
document.querySelectorAll('[data-role="countdown"]').forEach((el) => {
el.textContent = formatRemaining(COUNTDOWN_TARGET_UTC - now);
});
}

/* =========================================================
Build + Boot (FIXED)
========================================================= */
function buildBarsIfPossible() {
const stickyBar = getStickyBar();
const mainBar = getMainBar();

// Sticky: Discord is separate (left), widgets in bar
if (stickyBar) {
ensureWidget(stickyBar, 'clock', 'UTC:');
ensureWidget(stickyBar, 'game', null);
ensureWidget(stickyBar, 'countdown', 'Age ends in:');
}

// Main: Discord is inside the bar (first), then widgets
if (mainBar) {
ensureWidget(mainBar, 'clock', 'UTC:');
ensureWidget(mainBar, 'game', null);
ensureWidget(mainBar, 'countdown', 'Age ends in:');
}

updateAll();
}

function startTickerOnce() {
if (window.__timeWidgetsIntervalId) return; // already ticking
updateAll();
window.__timeWidgetsIntervalId = setInterval(updateAll, 1000);
}

function initAll() {
buildBarsIfPossible();
startTickerOnce();
}

// Initial page load
$(initAll);

// Vector 2022 navigation/content swaps
mw.hook('wikipage.content').add(initAll);
mw.hook('skin.ready').add(initAll); // harmless extra safety

})();

MediaWiki:Common.js

2026-02-19T17:14:45Z

Sonja says:

/* Any JavaScript here will be loaded for all users on every page load. */
(function () {
'use strict';

/* =========================================================
CONFIG
========================================================= */
const DISCORD_URL = 'https://discord.gg/t2Rp2dRvze';

// Countdown target: Sat, 18 Apr 2026 00:00 UTC
const COUNTDOWN_TARGET_UTC = Date.parse('2026-04-18T00:00:00Z');

// Clock timezone (same for everyone)
const CLOCK_TIMEZONE = 'Etc/UTC';

// Game time anchor (real UTC -> game time)
// At 2026-02-19 14:00:00 UTC, game time was Jan 21 YR2
const GAME_ANCHOR_REAL_UTC = Date.parse('2026-02-19T14:00:00Z');
const GAME_ANCHOR_MONTH_INDEX = 0; // Jan
const GAME_ANCHOR_DAY = 21; // 1..24
const GAME_ANCHOR_YEAR = 2; // YR2
const GAME_MONTHS = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'];

const pad2 = (n) => String(n).padStart(2, '0');

/* =========================================================
Tabs (your existing code)
========================================================= */
$(function () {
$('.wiki-tabs-container').each(function () {
const $container = $(this);
const $firstButton = $container.find('.wiki-tab-button').first();
const firstTabId = $firstButton.data('tab');

$firstButton.addClass('active');
$container.find('#' + firstTabId).addClass('active').show();
});

$('.wiki-tab-button').on('click', function () {
const $button = $(this);
const tabId = $button.data('tab');
const $container = $button.closest('.wiki-tabs-container');

$container.find('.wiki-tab-button').removeClass('active');
$container.find('.wiki-tab-pane').removeClass('active').hide();

$button.addClass('active');
$container.find('#' + tabId).addClass('active').show();
});
});

/* =========================================================
Helpers: find/create containers in BOTH headers
========================================================= */
function ensureDiscordLink(container, id) {
if (!container) return null;
const existing = document.getElementById(id);
if (existing) return existing;

const link = document.createElement('a');
link.id = id;
link.href = DISCORD_URL;
link.target = '_blank';
link.className =
'cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet sticky-discord-link';
link.textContent = 'Join Us on Discord!';
link.style.fontWeight = 'bold';

container.prepend(link);
return link;
}

// Sticky header: insert our widget bar inside sticky icons row
function getStickyBar() {
const icons = document.querySelector('.vector-sticky-header-icons');
if (!icons) return null;

let bar = document.getElementById('sticky-time-widgets');
if (bar) return bar;

// Keep Discord where it was (far-left in sticky icons)
const discord = ensureDiscordLink(icons, 'custom-sticky-link');

bar = document.createElement('span');
bar.id = 'sticky-time-widgets';
bar.className = 'time-widgets';

// Put widgets immediately AFTER Discord (so Discord stays at the left)
if (discord && discord.parentNode === icons) {
discord.insertAdjacentElement('afterend', bar);
} else {
icons.prepend(bar);
}

return bar;
}

// Main header: put our widgets in header end area
function getMainBar() {
const header = document.querySelector('.vector-header');
if (!header) return null;

const headerEnd = header.querySelector('.vector-header-end');
if (!headerEnd) return null;

let bar = document.getElementById('main-time-widgets');
if (bar) return bar;

bar = document.createElement('span');
bar.id = 'main-time-widgets';
bar.className = 'time-widgets';

headerEnd.prepend(bar);
ensureDiscordLink(bar, 'main-discord-link');

return bar;
}

function ensureWidget(bar, role, labelText) {
if (!bar) return;

// already present?
if (bar.querySelector(`[data-role="${role}"]`)) return;

const wrap = document.createElement('span');
wrap.className = 'header-widget';
wrap.dataset.widget = role;

if (labelText) {
const label = document.createElement('span');
label.className = 'header-widget__label';
label.textContent = labelText;
wrap.appendChild(label);
}

const value = document.createElement('span');
value.className = 'header-widget__value';
value.dataset.role = role;

wrap.appendChild(value);
bar.appendChild(wrap);
}

/* =========================================================
Calculations / formatting
========================================================= */
function formatRemaining(ms) {
if (ms <= 0) return '00:00:00';

const totalSeconds = Math.floor(ms / 1000);
const days = Math.floor(totalSeconds / 86400);
const hours = Math.floor((totalSeconds % 86400) / 3600);
const minutes = Math.floor((totalSeconds % 3600) / 60);
const seconds = totalSeconds % 60;

if (days > 0) return `${days}d ${pad2(hours)}:${pad2(minutes)}:${pad2(seconds)}`;
return `${pad2(hours)}:${pad2(minutes)}:${pad2(seconds)}`;
}

function computeGameString(nowMs) {
const hoursPassed = Math.floor((nowMs - GAME_ANCHOR_REAL_UTC) / 3600000);

// Day increments every hour (1..24)
const dayIndex = (GAME_ANCHOR_DAY - 1) + hoursPassed;
const dayNumber = ((dayIndex % 24) + 24) % 24 + 1;

// Month increments every 24 hours (Jan..Jul cycle)
const daysPassed = Math.floor(dayIndex / 24);
const totalMonthIndex = GAME_ANCHOR_MONTH_INDEX + daysPassed;
const monthIndex = ((totalMonthIndex % 7) + 7) % 7;

// Year increments every 7 real days
const yearsPassed = Math.floor(totalMonthIndex / 7);
const year = GAME_ANCHOR_YEAR + yearsPassed;

return `Current Game Date: ${GAME_MONTHS[monthIndex]} ${dayNumber} YR${year}`;
}

const clockFmt = new Intl.DateTimeFormat('en-GB', {
timeZone: CLOCK_TIMEZONE,
hour: '2-digit',
minute: '2-digit',
second: '2-digit',
hour12: false
});

function updateAll() {
const now = Date.now();

// --- CLOCK ---
document.querySelectorAll('[data-role="clock"]').forEach((el) => {
el.textContent = clockFmt.format(new Date(now));
});

// --- GAME DATE ---
const gameString = computeGameString(now);

// how many ms until next hour
const d = new Date(now);
const msUntilNextHour =
3600000 - (d.getMinutes() * 60000 + d.getSeconds() * 1000 + d.getMilliseconds());

const fiveMinutesMs = 45 * 60 * 1000;

document.querySelectorAll('[data-role="game"]').forEach((el) => {
el.textContent = gameString;

// pulse red if within last 5 minutes before tick
if (msUntilNextHour <= fiveMinutesMs) {
el.classList.add("pulse-red");
} else {
el.classList.remove("pulse-red");
}
});

// --- COUNTDOWN ---
document.querySelectorAll('[data-role="countdown"]').forEach((el) => {
el.textContent = formatRemaining(COUNTDOWN_TARGET_UTC - now);
});
}

/* =========================================================
Build + Boot (FIXED)
========================================================= */
function buildBarsIfPossible() {
const stickyBar = getStickyBar();
const mainBar = getMainBar();

// Sticky: Discord is separate (left), widgets in bar
if (stickyBar) {
ensureWidget(stickyBar, 'clock', 'UTC:');
ensureWidget(stickyBar, 'game', null);
ensureWidget(stickyBar, 'countdown', 'Age ends in:');
}

// Main: Discord is inside the bar (first), then widgets
if (mainBar) {
ensureWidget(mainBar, 'clock', 'UTC:');
ensureWidget(mainBar, 'game', null);
ensureWidget(mainBar, 'countdown', 'Age ends in:');
}

updateAll();
}

function startTickerOnce() {
if (window.__timeWidgetsIntervalId) return; // already ticking
updateAll();
window.__timeWidgetsIntervalId = setInterval(updateAll, 1000);
}

function initAll() {
buildBarsIfPossible();
startTickerOnce();
}

// Initial page load
$(initAll);

// Vector 2022 navigation/content swaps
mw.hook('wikipage.content').add(initAll);
mw.hook('skin.ready').add(initAll); // harmless extra safety

})();

MediaWiki:Common.css

2026-02-19T17:13:50Z

Sonja says:

/* =========================================================
GLOBAL THEME – MediaWiki 1.45 / Vector 2022
========================================================= */

/* ---------- Keyframes ---------- */
@keyframes gradient {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}

@keyframes float {
0% { transform: translateY(0px) translateX(0px) scale(1); opacity: 0; }
10% { opacity: 1; }
90% { opacity: 1; }
100% { transform: translateY(-100vh) translateX(30px) scale(1.2); opacity: 0; }
}

/* ---------- Animated gradient layer ---------- */
body::before {
content: '';
position: fixed;
inset: 0;
z-index: -2;
background: linear-gradient(-45deg, #000814, #001d3d, #000814, #003566);
background-size: 400% 400%;
animation: gradient 15s ease infinite;
}

/* ---------- Base background reset ---------- */
html,
body,
.vector-feature-page-tools-disabled .mw-page-container,
.vector-feature-page-tools-enabled .mw-page-container {
background: transparent !important;
}

/* Transparent content containers */
.mw-page-container,
.mw-body,
.vector-body {
background: transparent !important;
}

/* ---------- Particle canvas ---------- */
#particle-canvas {
position: fixed;
inset: 0;
z-index: -1;
pointer-events: none;
}

/* ---------- Base text ---------- */
body,
.mw-body,
.mw-body-content,
#mw-content-text,
.vector-body {
color: #fff !important;
}

/* ---------- Headings ---------- */
h1, h2, h3, h4, h5, h6,
.mw-headline,
#firstHeading,
.mw-page-title-main,
.page-Main_Page h1 {
color: #FFC300 !important;
}

/* ---------- Logo ---------- */
.mw-logo-icon,
.mw-logo-icon img,
.mw-logo img,
.mw-logo a.mw-logo-container img {
height: 100px !important;
width: auto !important;
max-height: 100px !important;
}
.mw-logo-icon { background-size: auto 100px !important; }

@media (max-width: 720px) {
.mw-logo-icon,
.mw-logo-icon img,
.mw-logo img,
.mw-logo a.mw-logo-container img {
height: 32px !important;
max-height: 32px !important;
}
.mw-logo-icon { background-size: auto 32px !important; }
}

/* ---------- Header ---------- */
.vector-header-container,
.vector-header,
#mw-header-container,
.mw-header {
background: #000814 !important;
border-bottom: 2px solid #FFC300 !important;
}

/* Site name */
.mw-logo-wordmark,
.mw-logo-wordmark a {
color: #FFC300 !important;
font-size: 1.8em !important;
font-weight: bold !important;
text-decoration: none !important;
}
.mw-logo-wordmark a:hover { color: #FFD60A !important; }

/* Sidebar headings */
.vector-pinnable-header-label,
.vector-main-menu-heading,
.mw-portlet h3 {
color: #FFC300 !important;
}

/* =========================================================
PAGE CONTENT LINKS
========================================================= */
.mw-parser-output a { color: #4DA3FF !important; }
.mw-parser-output a:visited { color: #9B7CFF !important; }
.mw-parser-output a:hover { color: #6BB6FF !important; text-decoration: underline; }
.mw-parser-output a:active { color: #1F4FA3 !important; }
.mw-parser-output a.new,
.mw-parser-output a.new:visited { color: #CC2200 !important; }

/* Optional: keep only if something is overriding text colors inside articles */
/* .mw-parser-output { color: #fff !important; } */

/* =========================================================
GLOBAL TABLE THEME (ALL PAGES)
========================================================= */

.mw-parser-output .wikitable {
width: auto !important; /* stop full-width */
display: inline-table !important;/* shrink-wrap to content */
max-width: 100% !important; /* don’t overflow the page */
border-collapse: collapse !important;
margin: 0.75em 0;
background: #303030 !important;
border: 1px solid #555555 !important;
}

.mw-parser-output .wikitable caption {
background: #001D3D !important;
color: #fff !important;
font-weight: bold;
padding: 0.5em 0.7em !important;
border-bottom: 1px solid #555555 !important;
}

.mw-parser-output .wikitable thead th {
background: #000 !important;
color: #EAEAEA !important;
font-weight: 700;
border: 1px solid #666666 !important;
padding: 0.5em 0.7em !important;
}

.mw-parser-output .wikitable tbody tr:nth-child(odd) { background-color: #303030 !important; }
.mw-parser-output .wikitable tbody tr:nth-child(even) { background-color: #505050 !important; }

.mw-parser-output .wikitable tbody td {
border: 1px solid #555555 !important;
color: #EAEAEA !important;
padding: 0.5em 0.7em !important;
}

/* =========================================================
TABLE OF CONTENTS – Vector 2022
========================================================= */
#vector-toc,
#toc {
background: #001D3D !important;
border: 1px solid #FFC300 !important;
border-radius: 6px;
padding: 0.75em;
}

#vector-toc .vector-pinnable-header-label,
#toc .toctitle {
color: #FFC300 !important;
font-weight: bold;
}

#vector-toc .vector-toc-text,
#toc a {
color: #EAEAEA !important;
opacity: 1 !important;
text-decoration: none;
}

/* Active item */
#vector-toc .vector-toc-list-item-active { background: transparent !important; }
#vector-toc .vector-toc-list-item-active > a.vector-toc-link { background-color: #FFD60A !important; }
#vector-toc .vector-toc-list-item-active > a.vector-toc-link .vector-toc-text {
color: #000814 !important;
font-weight: 700 !important;
}

/* Expanded parent rules */
#vector-toc .vector-toc-level-1.vector-toc-list-item-expanded > a.vector-toc-link .vector-toc-text {
color: #FFC300 !important;
font-weight: 600 !important;
}
#vector-toc .vector-toc-level-1.vector-toc-list-item-expanded.vector-toc-list-item-active > a.vector-toc-link .vector-toc-text {
color: #000814 !important;
font-weight: 700 !important;
}
#vector-toc .vector-toc-level-1.vector-toc-list-item-expanded ul .vector-toc-text {
color: #EAEAEA !important;
font-weight: normal !important;
}

/* Hover */
#vector-toc .vector-toc-list-item:not(.vector-toc-list-item-active) > a.vector-toc-link:hover .vector-toc-text {
color: #FFD60A !important;
}
#vector-toc .vector-toc-list-item-active > a.vector-toc-link:hover .vector-toc-text {
color: #000814 !important;
}

/* Remove wrappers */
.vector-toc-container,
#vector-toc-pinned-container,
.vector-pinned-container {
background: transparent !important;
border: none !important;
box-shadow: none !important;
}

/* Inline (article) TOC only */
.mw-parser-output > .toc {
background: #001D3D !important;
border: 1px solid #FFC300 !important;
}

/* =========================================================
Formula Boxes
========================================================= */
.formula-box {
display: inline-block !important; /* shrink to fit */
width: auto !important; /* no full width */
max-width: 100% !important; /* prevent overflow */
background: #001D3D;
border: 1px solid #FFC300;
border-radius: 10px;
padding: 0.8em 1em;
margin: 0.75em 0;
color: #EAEAEA;
line-height: 1.6;
white-space: normal;
overflow-wrap: anywhere;
}

.formula-box a { color: #4DA3FF !important; }
.formula-box a:visited { color: #9B7CFF !important; }

/* =========================
Vector 2022 – RIGHT PAGE TOOLS: remove the fade/gradient
========================= */
.vector-page-tools::before,
.vector-page-tools::after,
.vector-page-tools-container::before,
.vector-page-tools-container::after,
.vector-page-tools-landmark::before,
.vector-page-tools-landmark::after,
.vector-sticky-pinned-container::before,
.vector-sticky-pinned-container::after,
.vector-page-tools .vector-sticky-pinned-container::before,
.vector-page-tools .vector-sticky-pinned-container::after {
background: none !important;
background-image: none !important;
box-shadow: none !important;
filter: none !important;
backdrop-filter: none !important;
mask-image: none !important;
-webkit-mask-image: none !important;
}

/* Change Navigation Icon/Link Colors */
#mw-panel .portal a,
#mw-panel .portal a:visited {
color: #FFC300 !important; /* Change to your desired color */
}

/* Change Footer Link Colors */
div#footer ul li a,
div#footer ul li a:visited {
color: #FFC300 !important; /* Change to your desired color */
}

/* Change Footer Text and Icons */
div#footer ul li {
color: #FFC300 !important;
}

/* Change Navigation Icon/Link Colors */
#mw-panel .portal a,
#mw-panel .portal a:visited {
color: #FFC300 !important; /* Change to your desired color */
}

/* ===== NAVIGATION ICONS - VECTOR 2022 ===== */
/* User menu icon (person icon) */
.vector-user-links .vector-icon,
.vector-user-menu-login .vector-icon,
.vector-user-menu-create-account .vector-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* Settings/hamburger menu icon */
.vector-main-menu-action-toggle .vector-icon,
.vector-page-tools-landmark .vector-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* All navigation icons */
.vector-icon,
.mw-ui-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* User menu links (username) */
.vector-user-links a,
.vector-user-menu-logged-in .vector-user-links-main a {
color: #FFC300 !important;
}

/* ===== FOOTER LINKS - VECTOR 2022 ===== */
/* All footer links */
#footer a,
#footer a:link,
#footer a:visited,
.mw-footer a,
.mw-footer a:link,
.mw-footer a:visited,
footer a,
footer a:link,
footer a:visited {
color: #FFC300 !important;
}

/* Footer text color */
#footer,
#footer li,
.mw-footer,
.mw-footer li,
footer,
footer li {
color: #FFC300 !important;
}

/* Older footer selectors (keeping for compatibility) */
div#footer ul li a,
div#footer ul li a:visited {
color: #FFC300 !important;
}

div#footer ul li {
color: #FFC300 !important;
}

/* =========================================================
VECTOR 2022 – PAGE ACTIONS / TABS COLOR CONTROL
Applies to: Main Page | Discussion | Read | Edit | History | Tools
========================================================= */

/* Default page action links (not active) */
.vector-page-toolbar a,
.vector-page-toolbar a:link,
.vector-page-toolbar a:visited,
.vector-page-toolbar .mw-ui-icon a {
color: #FFC300 !important;
}

/* Hover state (optional subtle brighten) */
.vector-page-toolbar a:hover {
color: #FFD60A !important;
}

/* ACTIVE / CURRENT TAB (e.g. Main Page, Edit when editing) */
.vector-page-toolbar .selected a,
.vector-page-toolbar .mw-ui-button.mw-ui-progressive,
.vector-page-toolbar .mw-ui-button.mw-ui-progressive:visited {
color: #FFFFFF !important;
}

/* Ensure active tab background doesn't force dark text */
.vector-page-toolbar .selected a,
.vector-page-toolbar .selected span {
color: #FFFFFF !important;
}

/* Missing page links stay red */
.vector-page-toolbar a.new,
.vector-page-toolbar a.new:visited {
color: #CC2200 !important;
}

/* ============ NAVPILLS ============ */
/* Navpills styling */
.navpills-container {
margin: 1.5em 0;
padding: 0;
}

.navpills {
display: flex;
flex-wrap: wrap;
gap: 0.8em;
list-style: none;
margin: 0;
padding: 0;
}

.navpill-item {
display: inline-block;
}

.navpill-item a {
text-decoration: none !important;
}

.navpill-item a span {
display: inline-block;
padding: 0.7em 1.3em;
background: linear-gradient(135deg, #003566 0%, #001D3D 100%);
color: #FFC300 !important;
border: 2px solid #FFC300;
border-radius: 6px;
font-weight: bold;
text-decoration: none;
transition: all 0.3s ease;
font-size: 1.05em;
box-shadow: 0 2px 8px rgba(255, 195, 0, 0.2);
}

.navpill-item a:hover span {
background: linear-gradient(135deg, #FFC300 0%, #FFD60A 100%);
color: #000814 !important;
border-color: #FFD60A;
box-shadow: 0 4px 12px rgba(255, 195, 0, 0.4);
transform: translateY(-2px);
}

/* Mobile responsive */
@media (max-width: 768px) {
.navpills {
flex-direction: column;
}

.navpill-item {
width: 100%;
}

.navpill-item a span {
display: block;
text-align: center;
}
}

/* ============ TABS ============ */
/* CSS-Only Tabs */
.wiki-tabs-container-css {
margin: 2em 0;
background: linear-gradient(180deg, #001D3D 0%, #000814 100%);
border: 2px solid #FFC300;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 15px rgba(255, 195, 0, 0.2);
}

/* Hide radio buttons */
.wiki-tab-radio {
display: none;
}

/* Tab Labels (Buttons) */
.wiki-tab-label {
display: inline-block;
padding: 1em 1.5em;
background: #001D3D;
color: #FFC300;
border-right: 1px solid rgba(255, 195, 0, 0.3);
font-size: 1.1em;
font-weight: bold;
cursor: pointer;
transition: all 0.3s ease;
text-align: center;
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, serif;
margin: 0;
border-bottom: 2px solid #000814;
}

.wiki-tab-label:hover {
background: #003566;
color: #FFD60A;
}

/* Active tab style */
.wiki-tab-radio:checked + .wiki-tab-label {
background: #FFC300;
color: #000814;
border-bottom: 3px solid #FFD60A;
}

/* Tab Content */
.wiki-tab-content {
display: none;
padding: 2em;
color: #FFFFFF;
}

/* Show content when tab is checked */
.wiki-tab-radio:checked ~ .wiki-tab-content {
display: block;
}

/* Mobile Responsive */
@media (max-width: 768px) {
.wiki-tab-label {
display: block;
width: 100%;
border-right: none;
border-bottom: 1px solid rgba(255, 195, 0, 0.3);
}
}

/* =========================================================
STICKY HEADER FIX - Keep blue background when scrolling
========================================================= */

/* Sticky header container */
.vector-sticky-header,
.vector-sticky-header-container {
background: #000814 !important;
border-bottom: 2px solid #FFC300 !important;
}

/* Sticky header elements */
.vector-sticky-header-start,
.vector-sticky-header-end,
.vector-sticky-header-context-bar {
background: #000814 !important;
}

/* Page title in sticky header */
.vector-sticky-header-context-bar-primary,
.vector-sticky-header .mw-page-title-main {
color: #FFC300 !important;
}

/* Sticky header buttons and icons */
.vector-sticky-header button,
.vector-sticky-header .vector-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* Sticky header links */
.vector-sticky-header a {
color: #FFC300 !important;
}

/* Race table text override */
.racebox td {
color: black !important;
}

.racebox th {
color: white !important; /* keeps your header colors */
}

/* Equal-width navpills grid */
.navpills-equal-grid .navpills {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 1em !important;
}

.navpills-equal-grid .navpill-item {
width: 100% !important;
display: block !important;
}

.navpills-equal-grid .navpill-item a span {
display: block !important;
width: 100% !important;
text-align: center !important;
padding: 0.5em !important;
box-sizing: border-box !important;
}

@media (max-width: 768px) {
.navpills-equal-grid .navpills {
grid-template-columns: 1fr !important;
}
}

/* Race card buttons with hover animation */
.race-card {
display: block;
text-align: center;
padding: 1.5em 1em;
background: linear-gradient(135deg, #003566 0%, #001D3D 100%);
border: 2px solid #FFC300;
border-radius: 8px;
transition: all 0.3s ease;
box-shadow: 0 2px 8px rgba(255, 195, 0, 0.2);
text-decoration: none;
}

.race-card:hover {
background: linear-gradient(135deg, #FFC300 0%, #FFD60A 100%);
border-color: #FFD60A;
box-shadow: 0 4px 12px rgba(255, 195, 0, 0.4);
transform: translateY(-4px);
}

.race-card img {
display: block;
margin: 0 auto;
transition: transform 0.3s ease;
}

.race-card:hover img {
transform: scale(1.05);
}

.race-card-name {
margin-top: 0.8em;
font-size: 1.2em;
font-weight: bold;
color: #FFC300;
transition: color 0.3s ease;
}

.race-card:hover .race-card-name {
color: #000814;
}

/* =========================================================
Time widgets (works in BOTH main header + sticky header)
========================================================= */

.time-widgets {
display: inline-flex !important;
align-items: center !important;
gap: 12px !important;
white-space: nowrap !important;
}

/* Nice pill styling */
.time-widgets .header-widget {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
padding: 6px 10px !important;
border: 1px solid #FFC300 !important;
border-radius: 999px !important;
background: linear-gradient(135deg, #003566 0%, #001D3D 100%) !important;
box-shadow: 0 2px 8px rgba(255, 195, 0, 0.18) !important;
}

.time-widgets .header-widget__label {
color: #FFC300 !important;
font-weight: 700 !important;
font-size: 0.95em !important;
}

.time-widgets .header-widget__value {
color: #FFFFFF !important;
font-weight: 700 !important;
font-variant-numeric: tabular-nums;
font-size: 0.95em !important;
}

/* MAIN header: center the bar within the header end area */
.vector-header .vector-header-end {
display: flex !important;
align-items: center !important;
}

#main-time-widgets.time-widgets {
flex: 1 1 auto !important;
justify-content: center !important;
}

/* Sticky header: keep your current behavior (Discord left, widgets center) */
.vector-sticky-header-icons {
display: flex !important;
align-items: center !important;
gap: 10px !important;
}

#sticky-time-widgets.time-widgets,
#main-time-widgets.time-widgets {
margin: 0 auto !important;
display: inline-flex !important;
align-items: center !important;
gap: 12px !important;
white-space: nowrap !important;
}

/* Optional: hide labels when cramped */
@media (max-width: 1100px) {
.time-widgets .header-widget__label { display: none !important; }
}

/* Hide bar entirely on very small screens */
@media (max-width: 860px) {
#main-time-widgets,
#sticky-time-widgets { display: none !important; }
}

@keyframes pulseRed {
0% { color: #FFC300; transform: scale(1); }
50% { color: #ff2a2a; transform: scale(1.08); }
100% { color: #FFC300; transform: scale(1); }
}

.pulse-red {
animation: pulseRed 1s infinite;
font-weight: bold;
}

MediaWiki:Common.js

2026-02-19T17:13:25Z

Sonja says:

/* Any JavaScript here will be loaded for all users on every page load. */
(function () {
'use strict';

/* =========================================================
CONFIG
========================================================= */
const DISCORD_URL = 'https://discord.gg/t2Rp2dRvze';

// Countdown target: Sat, 18 Apr 2026 00:00 UTC
const COUNTDOWN_TARGET_UTC = Date.parse('2026-04-18T00:00:00Z');

// Clock timezone (same for everyone)
const CLOCK_TIMEZONE = 'Etc/UTC';

// Game time anchor (real UTC -> game time)
// At 2026-02-19 14:00:00 UTC, game time was Jan 21 YR2
const GAME_ANCHOR_REAL_UTC = Date.parse('2026-02-19T14:00:00Z');
const GAME_ANCHOR_MONTH_INDEX = 0; // Jan
const GAME_ANCHOR_DAY = 21; // 1..24
const GAME_ANCHOR_YEAR = 2; // YR2
const GAME_MONTHS = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'];

const pad2 = (n) => String(n).padStart(2, '0');

/* =========================================================
Tabs (your existing code)
========================================================= */
$(function () {
$('.wiki-tabs-container').each(function () {
const $container = $(this);
const $firstButton = $container.find('.wiki-tab-button').first();
const firstTabId = $firstButton.data('tab');

$firstButton.addClass('active');
$container.find('#' + firstTabId).addClass('active').show();
});

$('.wiki-tab-button').on('click', function () {
const $button = $(this);
const tabId = $button.data('tab');
const $container = $button.closest('.wiki-tabs-container');

$container.find('.wiki-tab-button').removeClass('active');
$container.find('.wiki-tab-pane').removeClass('active').hide();

$button.addClass('active');
$container.find('#' + tabId).addClass('active').show();
});
});

/* =========================================================
Helpers: find/create containers in BOTH headers
========================================================= */
function ensureDiscordLink(container, id) {
if (!container) return null;
const existing = document.getElementById(id);
if (existing) return existing;

const link = document.createElement('a');
link.id = id;
link.href = DISCORD_URL;
link.target = '_blank';
link.className =
'cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet sticky-discord-link';
link.textContent = 'Join Us on Discord!';
link.style.fontWeight = 'bold';

container.prepend(link);
return link;
}

// Sticky header: insert our widget bar inside sticky icons row
function getStickyBar() {
const icons = document.querySelector('.vector-sticky-header-icons');
if (!icons) return null;

let bar = document.getElementById('sticky-time-widgets');
if (bar) return bar;

// Keep Discord where it was (far-left in sticky icons)
const discord = ensureDiscordLink(icons, 'custom-sticky-link');

bar = document.createElement('span');
bar.id = 'sticky-time-widgets';
bar.className = 'time-widgets';

// Put widgets immediately AFTER Discord (so Discord stays at the left)
if (discord && discord.parentNode === icons) {
discord.insertAdjacentElement('afterend', bar);
} else {
icons.prepend(bar);
}

return bar;
}

// Main header: put our widgets in header end area
function getMainBar() {
const header = document.querySelector('.vector-header');
if (!header) return null;

const headerEnd = header.querySelector('.vector-header-end');
if (!headerEnd) return null;

let bar = document.getElementById('main-time-widgets');
if (bar) return bar;

bar = document.createElement('span');
bar.id = 'main-time-widgets';
bar.className = 'time-widgets';

headerEnd.prepend(bar);
ensureDiscordLink(bar, 'main-discord-link');

return bar;
}

function ensureWidget(bar, role, labelText) {
if (!bar) return;

// already present?
if (bar.querySelector(`[data-role="${role}"]`)) return;

const wrap = document.createElement('span');
wrap.className = 'header-widget';
wrap.dataset.widget = role;

if (labelText) {
const label = document.createElement('span');
label.className = 'header-widget__label';
label.textContent = labelText;
wrap.appendChild(label);
}

const value = document.createElement('span');
value.className = 'header-widget__value';
value.dataset.role = role;

wrap.appendChild(value);
bar.appendChild(wrap);
}

/* =========================================================
Calculations / formatting
========================================================= */
function formatRemaining(ms) {
if (ms <= 0) return '00:00:00';

const totalSeconds = Math.floor(ms / 1000);
const days = Math.floor(totalSeconds / 86400);
const hours = Math.floor((totalSeconds % 86400) / 3600);
const minutes = Math.floor((totalSeconds % 3600) / 60);
const seconds = totalSeconds % 60;

if (days > 0) return `${days}d ${pad2(hours)}:${pad2(minutes)}:${pad2(seconds)}`;
return `${pad2(hours)}:${pad2(minutes)}:${pad2(seconds)}`;
}

function computeGameString(nowMs) {
const hoursPassed = Math.floor((nowMs - GAME_ANCHOR_REAL_UTC) / 3600000);

// Day increments every hour (1..24)
const dayIndex = (GAME_ANCHOR_DAY - 1) + hoursPassed;
const dayNumber = ((dayIndex % 24) + 24) % 24 + 1;

// Month increments every 24 hours (Jan..Jul cycle)
const daysPassed = Math.floor(dayIndex / 24);
const totalMonthIndex = GAME_ANCHOR_MONTH_INDEX + daysPassed;
const monthIndex = ((totalMonthIndex % 7) + 7) % 7;

// Year increments every 7 real days
const yearsPassed = Math.floor(totalMonthIndex / 7);
const year = GAME_ANCHOR_YEAR + yearsPassed;

return `Current Game Date: ${GAME_MONTHS[monthIndex]} ${dayNumber} YR${year}`;
}

const clockFmt = new Intl.DateTimeFormat('en-GB', {
timeZone: CLOCK_TIMEZONE,
hour: '2-digit',
minute: '2-digit',
second: '2-digit',
hour12: false
});

function updateAll() {
const now = Date.now();

// --- CLOCK ---
document.querySelectorAll('[data-role="clock"]').forEach((el) => {
el.textContent = clockFmt.format(new Date(now));
});

// --- GAME DATE ---
const gameString = computeGameString(now);

// how many ms until next hour
const d = new Date(now);
const msUntilNextHour =
3600000 - (d.getMinutes() * 60000 + d.getSeconds() * 1000 + d.getMilliseconds());

const fiveMinutesMs = 5 * 60 * 1000;

document.querySelectorAll('[data-role="game"]').forEach((el) => {
el.textContent = gameString;

// pulse red if within last 5 minutes before tick
if (msUntilNextHour <= fiveMinutesMs) {
el.classList.add("pulse-red");
} else {
el.classList.remove("pulse-red");
}
});

// --- COUNTDOWN ---
document.querySelectorAll('[data-role="countdown"]').forEach((el) => {
el.textContent = formatRemaining(COUNTDOWN_TARGET_UTC - now);
});
}

/* =========================================================
Build + Boot (FIXED)
========================================================= */
function buildBarsIfPossible() {
const stickyBar = getStickyBar();
const mainBar = getMainBar();

// Sticky: Discord is separate (left), widgets in bar
if (stickyBar) {
ensureWidget(stickyBar, 'clock', 'UTC:');
ensureWidget(stickyBar, 'game', null);
ensureWidget(stickyBar, 'countdown', 'Age ends in:');
}

// Main: Discord is inside the bar (first), then widgets
if (mainBar) {
ensureWidget(mainBar, 'clock', 'UTC:');
ensureWidget(mainBar, 'game', null);
ensureWidget(mainBar, 'countdown', 'Age ends in:');
}

updateAll();
}

function startTickerOnce() {
if (window.__timeWidgetsIntervalId) return; // already ticking
updateAll();
window.__timeWidgetsIntervalId = setInterval(updateAll, 1000);
}

function initAll() {
buildBarsIfPossible();
startTickerOnce();
}

// Initial page load
$(initAll);

// Vector 2022 navigation/content swaps
mw.hook('wikipage.content').add(initAll);
mw.hook('skin.ready').add(initAll); // harmless extra safety

})();

MediaWiki:Common.css

2026-02-19T17:10:23Z

Sonja says:

/* =========================================================
GLOBAL THEME – MediaWiki 1.45 / Vector 2022
========================================================= */

/* ---------- Keyframes ---------- */
@keyframes gradient {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}

@keyframes float {
0% { transform: translateY(0px) translateX(0px) scale(1); opacity: 0; }
10% { opacity: 1; }
90% { opacity: 1; }
100% { transform: translateY(-100vh) translateX(30px) scale(1.2); opacity: 0; }
}

/* ---------- Animated gradient layer ---------- */
body::before {
content: '';
position: fixed;
inset: 0;
z-index: -2;
background: linear-gradient(-45deg, #000814, #001d3d, #000814, #003566);
background-size: 400% 400%;
animation: gradient 15s ease infinite;
}

/* ---------- Base background reset ---------- */
html,
body,
.vector-feature-page-tools-disabled .mw-page-container,
.vector-feature-page-tools-enabled .mw-page-container {
background: transparent !important;
}

/* Transparent content containers */
.mw-page-container,
.mw-body,
.vector-body {
background: transparent !important;
}

/* ---------- Particle canvas ---------- */
#particle-canvas {
position: fixed;
inset: 0;
z-index: -1;
pointer-events: none;
}

/* ---------- Base text ---------- */
body,
.mw-body,
.mw-body-content,
#mw-content-text,
.vector-body {
color: #fff !important;
}

/* ---------- Headings ---------- */
h1, h2, h3, h4, h5, h6,
.mw-headline,
#firstHeading,
.mw-page-title-main,
.page-Main_Page h1 {
color: #FFC300 !important;
}

/* ---------- Logo ---------- */
.mw-logo-icon,
.mw-logo-icon img,
.mw-logo img,
.mw-logo a.mw-logo-container img {
height: 100px !important;
width: auto !important;
max-height: 100px !important;
}
.mw-logo-icon { background-size: auto 100px !important; }

@media (max-width: 720px) {
.mw-logo-icon,
.mw-logo-icon img,
.mw-logo img,
.mw-logo a.mw-logo-container img {
height: 32px !important;
max-height: 32px !important;
}
.mw-logo-icon { background-size: auto 32px !important; }
}

/* ---------- Header ---------- */
.vector-header-container,
.vector-header,
#mw-header-container,
.mw-header {
background: #000814 !important;
border-bottom: 2px solid #FFC300 !important;
}

/* Site name */
.mw-logo-wordmark,
.mw-logo-wordmark a {
color: #FFC300 !important;
font-size: 1.8em !important;
font-weight: bold !important;
text-decoration: none !important;
}
.mw-logo-wordmark a:hover { color: #FFD60A !important; }

/* Sidebar headings */
.vector-pinnable-header-label,
.vector-main-menu-heading,
.mw-portlet h3 {
color: #FFC300 !important;
}

/* =========================================================
PAGE CONTENT LINKS
========================================================= */
.mw-parser-output a { color: #4DA3FF !important; }
.mw-parser-output a:visited { color: #9B7CFF !important; }
.mw-parser-output a:hover { color: #6BB6FF !important; text-decoration: underline; }
.mw-parser-output a:active { color: #1F4FA3 !important; }
.mw-parser-output a.new,
.mw-parser-output a.new:visited { color: #CC2200 !important; }

/* Optional: keep only if something is overriding text colors inside articles */
/* .mw-parser-output { color: #fff !important; } */

/* =========================================================
GLOBAL TABLE THEME (ALL PAGES)
========================================================= */

.mw-parser-output .wikitable {
width: auto !important; /* stop full-width */
display: inline-table !important;/* shrink-wrap to content */
max-width: 100% !important; /* don’t overflow the page */
border-collapse: collapse !important;
margin: 0.75em 0;
background: #303030 !important;
border: 1px solid #555555 !important;
}

.mw-parser-output .wikitable caption {
background: #001D3D !important;
color: #fff !important;
font-weight: bold;
padding: 0.5em 0.7em !important;
border-bottom: 1px solid #555555 !important;
}

.mw-parser-output .wikitable thead th {
background: #000 !important;
color: #EAEAEA !important;
font-weight: 700;
border: 1px solid #666666 !important;
padding: 0.5em 0.7em !important;
}

.mw-parser-output .wikitable tbody tr:nth-child(odd) { background-color: #303030 !important; }
.mw-parser-output .wikitable tbody tr:nth-child(even) { background-color: #505050 !important; }

.mw-parser-output .wikitable tbody td {
border: 1px solid #555555 !important;
color: #EAEAEA !important;
padding: 0.5em 0.7em !important;
}

/* =========================================================
TABLE OF CONTENTS – Vector 2022
========================================================= */
#vector-toc,
#toc {
background: #001D3D !important;
border: 1px solid #FFC300 !important;
border-radius: 6px;
padding: 0.75em;
}

#vector-toc .vector-pinnable-header-label,
#toc .toctitle {
color: #FFC300 !important;
font-weight: bold;
}

#vector-toc .vector-toc-text,
#toc a {
color: #EAEAEA !important;
opacity: 1 !important;
text-decoration: none;
}

/* Active item */
#vector-toc .vector-toc-list-item-active { background: transparent !important; }
#vector-toc .vector-toc-list-item-active > a.vector-toc-link { background-color: #FFD60A !important; }
#vector-toc .vector-toc-list-item-active > a.vector-toc-link .vector-toc-text {
color: #000814 !important;
font-weight: 700 !important;
}

/* Expanded parent rules */
#vector-toc .vector-toc-level-1.vector-toc-list-item-expanded > a.vector-toc-link .vector-toc-text {
color: #FFC300 !important;
font-weight: 600 !important;
}
#vector-toc .vector-toc-level-1.vector-toc-list-item-expanded.vector-toc-list-item-active > a.vector-toc-link .vector-toc-text {
color: #000814 !important;
font-weight: 700 !important;
}
#vector-toc .vector-toc-level-1.vector-toc-list-item-expanded ul .vector-toc-text {
color: #EAEAEA !important;
font-weight: normal !important;
}

/* Hover */
#vector-toc .vector-toc-list-item:not(.vector-toc-list-item-active) > a.vector-toc-link:hover .vector-toc-text {
color: #FFD60A !important;
}
#vector-toc .vector-toc-list-item-active > a.vector-toc-link:hover .vector-toc-text {
color: #000814 !important;
}

/* Remove wrappers */
.vector-toc-container,
#vector-toc-pinned-container,
.vector-pinned-container {
background: transparent !important;
border: none !important;
box-shadow: none !important;
}

/* Inline (article) TOC only */
.mw-parser-output > .toc {
background: #001D3D !important;
border: 1px solid #FFC300 !important;
}

/* =========================================================
Formula Boxes
========================================================= */
.formula-box {
display: inline-block !important; /* shrink to fit */
width: auto !important; /* no full width */
max-width: 100% !important; /* prevent overflow */
background: #001D3D;
border: 1px solid #FFC300;
border-radius: 10px;
padding: 0.8em 1em;
margin: 0.75em 0;
color: #EAEAEA;
line-height: 1.6;
white-space: normal;
overflow-wrap: anywhere;
}

.formula-box a { color: #4DA3FF !important; }
.formula-box a:visited { color: #9B7CFF !important; }

/* =========================
Vector 2022 – RIGHT PAGE TOOLS: remove the fade/gradient
========================= */
.vector-page-tools::before,
.vector-page-tools::after,
.vector-page-tools-container::before,
.vector-page-tools-container::after,
.vector-page-tools-landmark::before,
.vector-page-tools-landmark::after,
.vector-sticky-pinned-container::before,
.vector-sticky-pinned-container::after,
.vector-page-tools .vector-sticky-pinned-container::before,
.vector-page-tools .vector-sticky-pinned-container::after {
background: none !important;
background-image: none !important;
box-shadow: none !important;
filter: none !important;
backdrop-filter: none !important;
mask-image: none !important;
-webkit-mask-image: none !important;
}

/* Change Navigation Icon/Link Colors */
#mw-panel .portal a,
#mw-panel .portal a:visited {
color: #FFC300 !important; /* Change to your desired color */
}

/* Change Footer Link Colors */
div#footer ul li a,
div#footer ul li a:visited {
color: #FFC300 !important; /* Change to your desired color */
}

/* Change Footer Text and Icons */
div#footer ul li {
color: #FFC300 !important;
}

/* Change Navigation Icon/Link Colors */
#mw-panel .portal a,
#mw-panel .portal a:visited {
color: #FFC300 !important; /* Change to your desired color */
}

/* ===== NAVIGATION ICONS - VECTOR 2022 ===== */
/* User menu icon (person icon) */
.vector-user-links .vector-icon,
.vector-user-menu-login .vector-icon,
.vector-user-menu-create-account .vector-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* Settings/hamburger menu icon */
.vector-main-menu-action-toggle .vector-icon,
.vector-page-tools-landmark .vector-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* All navigation icons */
.vector-icon,
.mw-ui-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* User menu links (username) */
.vector-user-links a,
.vector-user-menu-logged-in .vector-user-links-main a {
color: #FFC300 !important;
}

/* ===== FOOTER LINKS - VECTOR 2022 ===== */
/* All footer links */
#footer a,
#footer a:link,
#footer a:visited,
.mw-footer a,
.mw-footer a:link,
.mw-footer a:visited,
footer a,
footer a:link,
footer a:visited {
color: #FFC300 !important;
}

/* Footer text color */
#footer,
#footer li,
.mw-footer,
.mw-footer li,
footer,
footer li {
color: #FFC300 !important;
}

/* Older footer selectors (keeping for compatibility) */
div#footer ul li a,
div#footer ul li a:visited {
color: #FFC300 !important;
}

div#footer ul li {
color: #FFC300 !important;
}

/* =========================================================
VECTOR 2022 – PAGE ACTIONS / TABS COLOR CONTROL
Applies to: Main Page | Discussion | Read | Edit | History | Tools
========================================================= */

/* Default page action links (not active) */
.vector-page-toolbar a,
.vector-page-toolbar a:link,
.vector-page-toolbar a:visited,
.vector-page-toolbar .mw-ui-icon a {
color: #FFC300 !important;
}

/* Hover state (optional subtle brighten) */
.vector-page-toolbar a:hover {
color: #FFD60A !important;
}

/* ACTIVE / CURRENT TAB (e.g. Main Page, Edit when editing) */
.vector-page-toolbar .selected a,
.vector-page-toolbar .mw-ui-button.mw-ui-progressive,
.vector-page-toolbar .mw-ui-button.mw-ui-progressive:visited {
color: #FFFFFF !important;
}

/* Ensure active tab background doesn't force dark text */
.vector-page-toolbar .selected a,
.vector-page-toolbar .selected span {
color: #FFFFFF !important;
}

/* Missing page links stay red */
.vector-page-toolbar a.new,
.vector-page-toolbar a.new:visited {
color: #CC2200 !important;
}

/* ============ NAVPILLS ============ */
/* Navpills styling */
.navpills-container {
margin: 1.5em 0;
padding: 0;
}

.navpills {
display: flex;
flex-wrap: wrap;
gap: 0.8em;
list-style: none;
margin: 0;
padding: 0;
}

.navpill-item {
display: inline-block;
}

.navpill-item a {
text-decoration: none !important;
}

.navpill-item a span {
display: inline-block;
padding: 0.7em 1.3em;
background: linear-gradient(135deg, #003566 0%, #001D3D 100%);
color: #FFC300 !important;
border: 2px solid #FFC300;
border-radius: 6px;
font-weight: bold;
text-decoration: none;
transition: all 0.3s ease;
font-size: 1.05em;
box-shadow: 0 2px 8px rgba(255, 195, 0, 0.2);
}

.navpill-item a:hover span {
background: linear-gradient(135deg, #FFC300 0%, #FFD60A 100%);
color: #000814 !important;
border-color: #FFD60A;
box-shadow: 0 4px 12px rgba(255, 195, 0, 0.4);
transform: translateY(-2px);
}

/* Mobile responsive */
@media (max-width: 768px) {
.navpills {
flex-direction: column;
}

.navpill-item {
width: 100%;
}

.navpill-item a span {
display: block;
text-align: center;
}
}

/* ============ TABS ============ */
/* CSS-Only Tabs */
.wiki-tabs-container-css {
margin: 2em 0;
background: linear-gradient(180deg, #001D3D 0%, #000814 100%);
border: 2px solid #FFC300;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 15px rgba(255, 195, 0, 0.2);
}

/* Hide radio buttons */
.wiki-tab-radio {
display: none;
}

/* Tab Labels (Buttons) */
.wiki-tab-label {
display: inline-block;
padding: 1em 1.5em;
background: #001D3D;
color: #FFC300;
border-right: 1px solid rgba(255, 195, 0, 0.3);
font-size: 1.1em;
font-weight: bold;
cursor: pointer;
transition: all 0.3s ease;
text-align: center;
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, serif;
margin: 0;
border-bottom: 2px solid #000814;
}

.wiki-tab-label:hover {
background: #003566;
color: #FFD60A;
}

/* Active tab style */
.wiki-tab-radio:checked + .wiki-tab-label {
background: #FFC300;
color: #000814;
border-bottom: 3px solid #FFD60A;
}

/* Tab Content */
.wiki-tab-content {
display: none;
padding: 2em;
color: #FFFFFF;
}

/* Show content when tab is checked */
.wiki-tab-radio:checked ~ .wiki-tab-content {
display: block;
}

/* Mobile Responsive */
@media (max-width: 768px) {
.wiki-tab-label {
display: block;
width: 100%;
border-right: none;
border-bottom: 1px solid rgba(255, 195, 0, 0.3);
}
}

/* =========================================================
STICKY HEADER FIX - Keep blue background when scrolling
========================================================= */

/* Sticky header container */
.vector-sticky-header,
.vector-sticky-header-container {
background: #000814 !important;
border-bottom: 2px solid #FFC300 !important;
}

/* Sticky header elements */
.vector-sticky-header-start,
.vector-sticky-header-end,
.vector-sticky-header-context-bar {
background: #000814 !important;
}

/* Page title in sticky header */
.vector-sticky-header-context-bar-primary,
.vector-sticky-header .mw-page-title-main {
color: #FFC300 !important;
}

/* Sticky header buttons and icons */
.vector-sticky-header button,
.vector-sticky-header .vector-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* Sticky header links */
.vector-sticky-header a {
color: #FFC300 !important;
}

/* Race table text override */
.racebox td {
color: black !important;
}

.racebox th {
color: white !important; /* keeps your header colors */
}

/* Equal-width navpills grid */
.navpills-equal-grid .navpills {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 1em !important;
}

.navpills-equal-grid .navpill-item {
width: 100% !important;
display: block !important;
}

.navpills-equal-grid .navpill-item a span {
display: block !important;
width: 100% !important;
text-align: center !important;
padding: 0.5em !important;
box-sizing: border-box !important;
}

@media (max-width: 768px) {
.navpills-equal-grid .navpills {
grid-template-columns: 1fr !important;
}
}

/* Race card buttons with hover animation */
.race-card {
display: block;
text-align: center;
padding: 1.5em 1em;
background: linear-gradient(135deg, #003566 0%, #001D3D 100%);
border: 2px solid #FFC300;
border-radius: 8px;
transition: all 0.3s ease;
box-shadow: 0 2px 8px rgba(255, 195, 0, 0.2);
text-decoration: none;
}

.race-card:hover {
background: linear-gradient(135deg, #FFC300 0%, #FFD60A 100%);
border-color: #FFD60A;
box-shadow: 0 4px 12px rgba(255, 195, 0, 0.4);
transform: translateY(-4px);
}

.race-card img {
display: block;
margin: 0 auto;
transition: transform 0.3s ease;
}

.race-card:hover img {
transform: scale(1.05);
}

.race-card-name {
margin-top: 0.8em;
font-size: 1.2em;
font-weight: bold;
color: #FFC300;
transition: color 0.3s ease;
}

.race-card:hover .race-card-name {
color: #000814;
}

/* =========================================================
Time widgets (works in BOTH main header + sticky header)
========================================================= */

.time-widgets {
display: inline-flex !important;
align-items: center !important;
gap: 12px !important;
white-space: nowrap !important;
}

/* Nice pill styling */
.time-widgets .header-widget {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
padding: 6px 10px !important;
border: 1px solid #FFC300 !important;
border-radius: 999px !important;
background: linear-gradient(135deg, #003566 0%, #001D3D 100%) !important;
box-shadow: 0 2px 8px rgba(255, 195, 0, 0.18) !important;
}

.time-widgets .header-widget__label {
color: #FFC300 !important;
font-weight: 700 !important;
font-size: 0.95em !important;
}

.time-widgets .header-widget__value {
color: #FFFFFF !important;
font-weight: 700 !important;
font-variant-numeric: tabular-nums;
font-size: 0.95em !important;
}

/* MAIN header: center the bar within the header end area */
.vector-header .vector-header-end {
display: flex !important;
align-items: center !important;
}

#main-time-widgets.time-widgets {
flex: 1 1 auto !important;
justify-content: center !important;
}

/* Sticky header: keep your current behavior (Discord left, widgets center) */
.vector-sticky-header-icons {
display: flex !important;
align-items: center !important;
gap: 10px !important;
}

#sticky-time-widgets.time-widgets,
#main-time-widgets.time-widgets {
margin: 0 auto !important;
display: inline-flex !important;
align-items: center !important;
gap: 12px !important;
white-space: nowrap !important;
}

/* Optional: hide labels when cramped */
@media (max-width: 1100px) {
.time-widgets .header-widget__label { display: none !important; }
}

/* Hide bar entirely on very small screens */
@media (max-width: 860px) {
#main-time-widgets,
#sticky-time-widgets { display: none !important; }
}

MediaWiki:Common.js

2026-02-19T17:08:14Z

Sonja says:

/* Any JavaScript here will be loaded for all users on every page load. */
(function () {
'use strict';

/* =========================================================
CONFIG
========================================================= */
const DISCORD_URL = 'https://discord.gg/t2Rp2dRvze';

// Countdown target: Sat, 18 Apr 2026 00:00 UTC
const COUNTDOWN_TARGET_UTC = Date.parse('2026-04-18T00:00:00Z');

// Clock timezone (same for everyone)
const CLOCK_TIMEZONE = 'Etc/UTC';

// Game time anchor (real UTC -> game time)
// At 2026-02-19 14:00:00 UTC, game time was Jan 21 YR2
const GAME_ANCHOR_REAL_UTC = Date.parse('2026-02-19T14:00:00Z');
const GAME_ANCHOR_MONTH_INDEX = 0; // Jan
const GAME_ANCHOR_DAY = 21; // 1..24
const GAME_ANCHOR_YEAR = 2; // YR2
const GAME_MONTHS = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'];

const pad2 = (n) => String(n).padStart(2, '0');

/* =========================================================
Tabs (your existing code)
========================================================= */
$(function () {
$('.wiki-tabs-container').each(function () {
const $container = $(this);
const $firstButton = $container.find('.wiki-tab-button').first();
const firstTabId = $firstButton.data('tab');

$firstButton.addClass('active');
$container.find('#' + firstTabId).addClass('active').show();
});

$('.wiki-tab-button').on('click', function () {
const $button = $(this);
const tabId = $button.data('tab');
const $container = $button.closest('.wiki-tabs-container');

$container.find('.wiki-tab-button').removeClass('active');
$container.find('.wiki-tab-pane').removeClass('active').hide();

$button.addClass('active');
$container.find('#' + tabId).addClass('active').show();
});
});

/* =========================================================
Helpers: find/create containers in BOTH headers
========================================================= */
function ensureDiscordLink(container, id) {
if (!container) return null;
const existing = document.getElementById(id);
if (existing) return existing;

const link = document.createElement('a');
link.id = id;
link.href = DISCORD_URL;
link.target = '_blank';
link.className =
'cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet sticky-discord-link';
link.textContent = 'Join Us on Discord!';
link.style.fontWeight = 'bold';

container.prepend(link);
return link;
}

// Sticky header: insert our widget bar inside sticky icons row
function getStickyBar() {
const icons = document.querySelector('.vector-sticky-header-icons');
if (!icons) return null;

let bar = document.getElementById('sticky-time-widgets');
if (bar) return bar;

// Keep Discord where it was (far-left in sticky icons)
const discord = ensureDiscordLink(icons, 'custom-sticky-link');

bar = document.createElement('span');
bar.id = 'sticky-time-widgets';
bar.className = 'time-widgets';

// Put widgets immediately AFTER Discord (so Discord stays at the left)
if (discord && discord.parentNode === icons) {
discord.insertAdjacentElement('afterend', bar);
} else {
icons.prepend(bar);
}

return bar;
}

// Main header: put our widgets in header end area
function getMainBar() {
const header = document.querySelector('.vector-header');
if (!header) return null;

const headerEnd = header.querySelector('.vector-header-end');
if (!headerEnd) return null;

let bar = document.getElementById('main-time-widgets');
if (bar) return bar;

bar = document.createElement('span');
bar.id = 'main-time-widgets';
bar.className = 'time-widgets';

headerEnd.prepend(bar);
ensureDiscordLink(bar, 'main-discord-link');

return bar;
}

function ensureWidget(bar, role, labelText) {
if (!bar) return;

// already present?
if (bar.querySelector(`[data-role="${role}"]`)) return;

const wrap = document.createElement('span');
wrap.className = 'header-widget';
wrap.dataset.widget = role;

if (labelText) {
const label = document.createElement('span');
label.className = 'header-widget__label';
label.textContent = labelText;
wrap.appendChild(label);
}

const value = document.createElement('span');
value.className = 'header-widget__value';
value.dataset.role = role;

wrap.appendChild(value);
bar.appendChild(wrap);
}

/* =========================================================
Calculations / formatting
========================================================= */
function formatRemaining(ms) {
if (ms <= 0) return '00:00:00';

const totalSeconds = Math.floor(ms / 1000);
const days = Math.floor(totalSeconds / 86400);
const hours = Math.floor((totalSeconds % 86400) / 3600);
const minutes = Math.floor((totalSeconds % 3600) / 60);
const seconds = totalSeconds % 60;

if (days > 0) return `${days}d ${pad2(hours)}:${pad2(minutes)}:${pad2(seconds)}`;
return `${pad2(hours)}:${pad2(minutes)}:${pad2(seconds)}`;
}

function computeGameString(nowMs) {
const hoursPassed = Math.floor((nowMs - GAME_ANCHOR_REAL_UTC) / 3600000);

// Day increments every hour (1..24)
const dayIndex = (GAME_ANCHOR_DAY - 1) + hoursPassed;
const dayNumber = ((dayIndex % 24) + 24) % 24 + 1;

// Month increments every 24 hours (Jan..Jul cycle)
const daysPassed = Math.floor(dayIndex / 24);
const totalMonthIndex = GAME_ANCHOR_MONTH_INDEX + daysPassed;
const monthIndex = ((totalMonthIndex % 7) + 7) % 7;

// Year increments every 7 real days
const yearsPassed = Math.floor(totalMonthIndex / 7);
const year = GAME_ANCHOR_YEAR + yearsPassed;

return `Current Game Date: ${GAME_MONTHS[monthIndex]} ${dayNumber} YR${year}`;
}

const clockFmt = new Intl.DateTimeFormat('en-GB', {
timeZone: CLOCK_TIMEZONE,
hour: '2-digit',
minute: '2-digit',
second: '2-digit',
hour12: false
});

function updateAll() {
const now = Date.now();

document.querySelectorAll('[data-role="clock"]').forEach((el) => {
el.textContent = clockFmt.format(new Date(now));
});

document.querySelectorAll('[data-role="game"]').forEach((el) => {
el.textContent = computeGameString(now);
});

document.querySelectorAll('[data-role="countdown"]').forEach((el) => {
el.textContent = formatRemaining(COUNTDOWN_TARGET_UTC - now);
});
}

/* =========================================================
Build + Boot (FIXED)
========================================================= */
function buildBarsIfPossible() {
const stickyBar = getStickyBar();
const mainBar = getMainBar();

// Sticky: Discord is separate (left), widgets in bar
if (stickyBar) {
ensureWidget(stickyBar, 'clock', 'UTC:');
ensureWidget(stickyBar, 'game', null);
ensureWidget(stickyBar, 'countdown', 'Age ends in:');
}

// Main: Discord is inside the bar (first), then widgets
if (mainBar) {
ensureWidget(mainBar, 'clock', 'UTC:');
ensureWidget(mainBar, 'game', null);
ensureWidget(mainBar, 'countdown', 'Age ends in:');
}

updateAll();
}

function startTickerOnce() {
if (window.__timeWidgetsIntervalId) return; // already ticking
updateAll();
window.__timeWidgetsIntervalId = setInterval(updateAll, 1000);
}

function initAll() {
buildBarsIfPossible();
startTickerOnce();
}

// Initial page load
$(initAll);

// Vector 2022 navigation/content swaps
mw.hook('wikipage.content').add(initAll);
mw.hook('skin.ready').add(initAll); // harmless extra safety

})();

MediaWiki:Common.css

2026-02-19T16:59:32Z

Sonja says:

/* =========================================================
GLOBAL THEME – MediaWiki 1.45 / Vector 2022
========================================================= */

/* ---------- Keyframes ---------- */
@keyframes gradient {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}

@keyframes float {
0% { transform: translateY(0px) translateX(0px) scale(1); opacity: 0; }
10% { opacity: 1; }
90% { opacity: 1; }
100% { transform: translateY(-100vh) translateX(30px) scale(1.2); opacity: 0; }
}

/* ---------- Animated gradient layer ---------- */
body::before {
content: '';
position: fixed;
inset: 0;
z-index: -2;
background: linear-gradient(-45deg, #000814, #001d3d, #000814, #003566);
background-size: 400% 400%;
animation: gradient 15s ease infinite;
}

/* ---------- Base background reset ---------- */
html,
body,
.vector-feature-page-tools-disabled .mw-page-container,
.vector-feature-page-tools-enabled .mw-page-container {
background: transparent !important;
}

/* Transparent content containers */
.mw-page-container,
.mw-body,
.vector-body {
background: transparent !important;
}

/* ---------- Particle canvas ---------- */
#particle-canvas {
position: fixed;
inset: 0;
z-index: -1;
pointer-events: none;
}

/* ---------- Base text ---------- */
body,
.mw-body,
.mw-body-content,
#mw-content-text,
.vector-body {
color: #fff !important;
}

/* ---------- Headings ---------- */
h1, h2, h3, h4, h5, h6,
.mw-headline,
#firstHeading,
.mw-page-title-main,
.page-Main_Page h1 {
color: #FFC300 !important;
}

/* ---------- Logo ---------- */
.mw-logo-icon,
.mw-logo-icon img,
.mw-logo img,
.mw-logo a.mw-logo-container img {
height: 100px !important;
width: auto !important;
max-height: 100px !important;
}
.mw-logo-icon { background-size: auto 100px !important; }

@media (max-width: 720px) {
.mw-logo-icon,
.mw-logo-icon img,
.mw-logo img,
.mw-logo a.mw-logo-container img {
height: 32px !important;
max-height: 32px !important;
}
.mw-logo-icon { background-size: auto 32px !important; }
}

/* ---------- Header ---------- */
.vector-header-container,
.vector-header,
#mw-header-container,
.mw-header {
background: #000814 !important;
border-bottom: 2px solid #FFC300 !important;
}

/* Site name */
.mw-logo-wordmark,
.mw-logo-wordmark a {
color: #FFC300 !important;
font-size: 1.8em !important;
font-weight: bold !important;
text-decoration: none !important;
}
.mw-logo-wordmark a:hover { color: #FFD60A !important; }

/* Sidebar headings */
.vector-pinnable-header-label,
.vector-main-menu-heading,
.mw-portlet h3 {
color: #FFC300 !important;
}

/* =========================================================
PAGE CONTENT LINKS
========================================================= */
.mw-parser-output a { color: #4DA3FF !important; }
.mw-parser-output a:visited { color: #9B7CFF !important; }
.mw-parser-output a:hover { color: #6BB6FF !important; text-decoration: underline; }
.mw-parser-output a:active { color: #1F4FA3 !important; }
.mw-parser-output a.new,
.mw-parser-output a.new:visited { color: #CC2200 !important; }

/* Optional: keep only if something is overriding text colors inside articles */
/* .mw-parser-output { color: #fff !important; } */

/* =========================================================
GLOBAL TABLE THEME (ALL PAGES)
========================================================= */

.mw-parser-output .wikitable {
width: auto !important; /* stop full-width */
display: inline-table !important;/* shrink-wrap to content */
max-width: 100% !important; /* don’t overflow the page */
border-collapse: collapse !important;
margin: 0.75em 0;
background: #303030 !important;
border: 1px solid #555555 !important;
}

.mw-parser-output .wikitable caption {
background: #001D3D !important;
color: #fff !important;
font-weight: bold;
padding: 0.5em 0.7em !important;
border-bottom: 1px solid #555555 !important;
}

.mw-parser-output .wikitable thead th {
background: #000 !important;
color: #EAEAEA !important;
font-weight: 700;
border: 1px solid #666666 !important;
padding: 0.5em 0.7em !important;
}

.mw-parser-output .wikitable tbody tr:nth-child(odd) { background-color: #303030 !important; }
.mw-parser-output .wikitable tbody tr:nth-child(even) { background-color: #505050 !important; }

.mw-parser-output .wikitable tbody td {
border: 1px solid #555555 !important;
color: #EAEAEA !important;
padding: 0.5em 0.7em !important;
}

/* =========================================================
TABLE OF CONTENTS – Vector 2022
========================================================= */
#vector-toc,
#toc {
background: #001D3D !important;
border: 1px solid #FFC300 !important;
border-radius: 6px;
padding: 0.75em;
}

#vector-toc .vector-pinnable-header-label,
#toc .toctitle {
color: #FFC300 !important;
font-weight: bold;
}

#vector-toc .vector-toc-text,
#toc a {
color: #EAEAEA !important;
opacity: 1 !important;
text-decoration: none;
}

/* Active item */
#vector-toc .vector-toc-list-item-active { background: transparent !important; }
#vector-toc .vector-toc-list-item-active > a.vector-toc-link { background-color: #FFD60A !important; }
#vector-toc .vector-toc-list-item-active > a.vector-toc-link .vector-toc-text {
color: #000814 !important;
font-weight: 700 !important;
}

/* Expanded parent rules */
#vector-toc .vector-toc-level-1.vector-toc-list-item-expanded > a.vector-toc-link .vector-toc-text {
color: #FFC300 !important;
font-weight: 600 !important;
}
#vector-toc .vector-toc-level-1.vector-toc-list-item-expanded.vector-toc-list-item-active > a.vector-toc-link .vector-toc-text {
color: #000814 !important;
font-weight: 700 !important;
}
#vector-toc .vector-toc-level-1.vector-toc-list-item-expanded ul .vector-toc-text {
color: #EAEAEA !important;
font-weight: normal !important;
}

/* Hover */
#vector-toc .vector-toc-list-item:not(.vector-toc-list-item-active) > a.vector-toc-link:hover .vector-toc-text {
color: #FFD60A !important;
}
#vector-toc .vector-toc-list-item-active > a.vector-toc-link:hover .vector-toc-text {
color: #000814 !important;
}

/* Remove wrappers */
.vector-toc-container,
#vector-toc-pinned-container,
.vector-pinned-container {
background: transparent !important;
border: none !important;
box-shadow: none !important;
}

/* Inline (article) TOC only */
.mw-parser-output > .toc {
background: #001D3D !important;
border: 1px solid #FFC300 !important;
}

/* =========================================================
Formula Boxes
========================================================= */
.formula-box {
display: inline-block !important; /* shrink to fit */
width: auto !important; /* no full width */
max-width: 100% !important; /* prevent overflow */
background: #001D3D;
border: 1px solid #FFC300;
border-radius: 10px;
padding: 0.8em 1em;
margin: 0.75em 0;
color: #EAEAEA;
line-height: 1.6;
white-space: normal;
overflow-wrap: anywhere;
}

.formula-box a { color: #4DA3FF !important; }
.formula-box a:visited { color: #9B7CFF !important; }

/* =========================
Vector 2022 – RIGHT PAGE TOOLS: remove the fade/gradient
========================= */
.vector-page-tools::before,
.vector-page-tools::after,
.vector-page-tools-container::before,
.vector-page-tools-container::after,
.vector-page-tools-landmark::before,
.vector-page-tools-landmark::after,
.vector-sticky-pinned-container::before,
.vector-sticky-pinned-container::after,
.vector-page-tools .vector-sticky-pinned-container::before,
.vector-page-tools .vector-sticky-pinned-container::after {
background: none !important;
background-image: none !important;
box-shadow: none !important;
filter: none !important;
backdrop-filter: none !important;
mask-image: none !important;
-webkit-mask-image: none !important;
}

/* Change Navigation Icon/Link Colors */
#mw-panel .portal a,
#mw-panel .portal a:visited {
color: #FFC300 !important; /* Change to your desired color */
}

/* Change Footer Link Colors */
div#footer ul li a,
div#footer ul li a:visited {
color: #FFC300 !important; /* Change to your desired color */
}

/* Change Footer Text and Icons */
div#footer ul li {
color: #FFC300 !important;
}

/* Change Navigation Icon/Link Colors */
#mw-panel .portal a,
#mw-panel .portal a:visited {
color: #FFC300 !important; /* Change to your desired color */
}

/* ===== NAVIGATION ICONS - VECTOR 2022 ===== */
/* User menu icon (person icon) */
.vector-user-links .vector-icon,
.vector-user-menu-login .vector-icon,
.vector-user-menu-create-account .vector-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* Settings/hamburger menu icon */
.vector-main-menu-action-toggle .vector-icon,
.vector-page-tools-landmark .vector-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* All navigation icons */
.vector-icon,
.mw-ui-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* User menu links (username) */
.vector-user-links a,
.vector-user-menu-logged-in .vector-user-links-main a {
color: #FFC300 !important;
}

/* ===== FOOTER LINKS - VECTOR 2022 ===== */
/* All footer links */
#footer a,
#footer a:link,
#footer a:visited,
.mw-footer a,
.mw-footer a:link,
.mw-footer a:visited,
footer a,
footer a:link,
footer a:visited {
color: #FFC300 !important;
}

/* Footer text color */
#footer,
#footer li,
.mw-footer,
.mw-footer li,
footer,
footer li {
color: #FFC300 !important;
}

/* Older footer selectors (keeping for compatibility) */
div#footer ul li a,
div#footer ul li a:visited {
color: #FFC300 !important;
}

div#footer ul li {
color: #FFC300 !important;
}

/* =========================================================
VECTOR 2022 – PAGE ACTIONS / TABS COLOR CONTROL
Applies to: Main Page | Discussion | Read | Edit | History | Tools
========================================================= */

/* Default page action links (not active) */
.vector-page-toolbar a,
.vector-page-toolbar a:link,
.vector-page-toolbar a:visited,
.vector-page-toolbar .mw-ui-icon a {
color: #FFC300 !important;
}

/* Hover state (optional subtle brighten) */
.vector-page-toolbar a:hover {
color: #FFD60A !important;
}

/* ACTIVE / CURRENT TAB (e.g. Main Page, Edit when editing) */
.vector-page-toolbar .selected a,
.vector-page-toolbar .mw-ui-button.mw-ui-progressive,
.vector-page-toolbar .mw-ui-button.mw-ui-progressive:visited {
color: #FFFFFF !important;
}

/* Ensure active tab background doesn't force dark text */
.vector-page-toolbar .selected a,
.vector-page-toolbar .selected span {
color: #FFFFFF !important;
}

/* Missing page links stay red */
.vector-page-toolbar a.new,
.vector-page-toolbar a.new:visited {
color: #CC2200 !important;
}

/* ============ NAVPILLS ============ */
/* Navpills styling */
.navpills-container {
margin: 1.5em 0;
padding: 0;
}

.navpills {
display: flex;
flex-wrap: wrap;
gap: 0.8em;
list-style: none;
margin: 0;
padding: 0;
}

.navpill-item {
display: inline-block;
}

.navpill-item a {
text-decoration: none !important;
}

.navpill-item a span {
display: inline-block;
padding: 0.7em 1.3em;
background: linear-gradient(135deg, #003566 0%, #001D3D 100%);
color: #FFC300 !important;
border: 2px solid #FFC300;
border-radius: 6px;
font-weight: bold;
text-decoration: none;
transition: all 0.3s ease;
font-size: 1.05em;
box-shadow: 0 2px 8px rgba(255, 195, 0, 0.2);
}

.navpill-item a:hover span {
background: linear-gradient(135deg, #FFC300 0%, #FFD60A 100%);
color: #000814 !important;
border-color: #FFD60A;
box-shadow: 0 4px 12px rgba(255, 195, 0, 0.4);
transform: translateY(-2px);
}

/* Mobile responsive */
@media (max-width: 768px) {
.navpills {
flex-direction: column;
}

.navpill-item {
width: 100%;
}

.navpill-item a span {
display: block;
text-align: center;
}
}

/* ============ TABS ============ */
/* CSS-Only Tabs */
.wiki-tabs-container-css {
margin: 2em 0;
background: linear-gradient(180deg, #001D3D 0%, #000814 100%);
border: 2px solid #FFC300;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 15px rgba(255, 195, 0, 0.2);
}

/* Hide radio buttons */
.wiki-tab-radio {
display: none;
}

/* Tab Labels (Buttons) */
.wiki-tab-label {
display: inline-block;
padding: 1em 1.5em;
background: #001D3D;
color: #FFC300;
border-right: 1px solid rgba(255, 195, 0, 0.3);
font-size: 1.1em;
font-weight: bold;
cursor: pointer;
transition: all 0.3s ease;
text-align: center;
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, serif;
margin: 0;
border-bottom: 2px solid #000814;
}

.wiki-tab-label:hover {
background: #003566;
color: #FFD60A;
}

/* Active tab style */
.wiki-tab-radio:checked + .wiki-tab-label {
background: #FFC300;
color: #000814;
border-bottom: 3px solid #FFD60A;
}

/* Tab Content */
.wiki-tab-content {
display: none;
padding: 2em;
color: #FFFFFF;
}

/* Show content when tab is checked */
.wiki-tab-radio:checked ~ .wiki-tab-content {
display: block;
}

/* Mobile Responsive */
@media (max-width: 768px) {
.wiki-tab-label {
display: block;
width: 100%;
border-right: none;
border-bottom: 1px solid rgba(255, 195, 0, 0.3);
}
}

/* =========================================================
STICKY HEADER FIX - Keep blue background when scrolling
========================================================= */

/* Sticky header container */
.vector-sticky-header,
.vector-sticky-header-container {
background: #000814 !important;
border-bottom: 2px solid #FFC300 !important;
}

/* Sticky header elements */
.vector-sticky-header-start,
.vector-sticky-header-end,
.vector-sticky-header-context-bar {
background: #000814 !important;
}

/* Page title in sticky header */
.vector-sticky-header-context-bar-primary,
.vector-sticky-header .mw-page-title-main {
color: #FFC300 !important;
}

/* Sticky header buttons and icons */
.vector-sticky-header button,
.vector-sticky-header .vector-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* Sticky header links */
.vector-sticky-header a {
color: #FFC300 !important;
}

/* Race table text override */
.racebox td {
color: black !important;
}

.racebox th {
color: white !important; /* keeps your header colors */
}

/* Equal-width navpills grid */
.navpills-equal-grid .navpills {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 1em !important;
}

.navpills-equal-grid .navpill-item {
width: 100% !important;
display: block !important;
}

.navpills-equal-grid .navpill-item a span {
display: block !important;
width: 100% !important;
text-align: center !important;
padding: 0.5em !important;
box-sizing: border-box !important;
}

@media (max-width: 768px) {
.navpills-equal-grid .navpills {
grid-template-columns: 1fr !important;
}
}

/* Race card buttons with hover animation */
.race-card {
display: block;
text-align: center;
padding: 1.5em 1em;
background: linear-gradient(135deg, #003566 0%, #001D3D 100%);
border: 2px solid #FFC300;
border-radius: 8px;
transition: all 0.3s ease;
box-shadow: 0 2px 8px rgba(255, 195, 0, 0.2);
text-decoration: none;
}

.race-card:hover {
background: linear-gradient(135deg, #FFC300 0%, #FFD60A 100%);
border-color: #FFD60A;
box-shadow: 0 4px 12px rgba(255, 195, 0, 0.4);
transform: translateY(-4px);
}

.race-card img {
display: block;
margin: 0 auto;
transition: transform 0.3s ease;
}

.race-card:hover img {
transform: scale(1.05);
}

.race-card-name {
margin-top: 0.8em;
font-size: 1.2em;
font-weight: bold;
color: #FFC300;
transition: color 0.3s ease;
}

.race-card:hover .race-card-name {
color: #000814;
}

/* =========================================================
Time widgets (works in BOTH main header + sticky header)
========================================================= */

.time-widgets {
display: inline-flex !important;
align-items: center !important;
gap: 12px !important;
white-space: nowrap !important;
}

/* Nice pill styling */
.time-widgets .header-widget {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
padding: 6px 10px !important;
border: 1px solid #FFC300 !important;
border-radius: 999px !important;
background: linear-gradient(135deg, #003566 0%, #001D3D 100%) !important;
box-shadow: 0 2px 8px rgba(255, 195, 0, 0.18) !important;
}

.time-widgets .header-widget__label {
color: #FFC300 !important;
font-weight: 700 !important;
font-size: 0.95em !important;
}

.time-widgets .header-widget__value {
color: #FFFFFF !important;
font-weight: 700 !important;
font-variant-numeric: tabular-nums;
font-size: 0.95em !important;
}

/* MAIN header: center the bar within the header end area */
.vector-header .vector-header-end {
display: flex !important;
align-items: center !important;
}

#main-time-widgets.time-widgets {
flex: 1 1 auto !important;
justify-content: center !important;
}

/* Sticky header: keep your current behavior (Discord left, widgets center) */
.vector-sticky-header-icons {
display: flex !important;
align-items: center !important;
gap: 10px !important;
}

#sticky-time-widgets.time-widgets {
margin: 0 auto !important;
}

/* Optional: hide labels when cramped */
@media (max-width: 1100px) {
.time-widgets .header-widget__label { display: none !important; }
}

/* Hide bar entirely on very small screens */
@media (max-width: 860px) {
#main-time-widgets,
#sticky-time-widgets { display: none !important; }
}

MediaWiki:Common.css

2026-02-19T16:57:25Z

Sonja says:

/* =========================================================
GLOBAL THEME – MediaWiki 1.45 / Vector 2022
========================================================= */

/* ---------- Keyframes ---------- */
@keyframes gradient {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}

@keyframes float {
0% { transform: translateY(0px) translateX(0px) scale(1); opacity: 0; }
10% { opacity: 1; }
90% { opacity: 1; }
100% { transform: translateY(-100vh) translateX(30px) scale(1.2); opacity: 0; }
}

/* ---------- Animated gradient layer ---------- */
body::before {
content: '';
position: fixed;
inset: 0;
z-index: -2;
background: linear-gradient(-45deg, #000814, #001d3d, #000814, #003566);
background-size: 400% 400%;
animation: gradient 15s ease infinite;
}

/* ---------- Base background reset ---------- */
html,
body,
.vector-feature-page-tools-disabled .mw-page-container,
.vector-feature-page-tools-enabled .mw-page-container {
background: transparent !important;
}

/* Transparent content containers */
.mw-page-container,
.mw-body,
.vector-body {
background: transparent !important;
}

/* ---------- Particle canvas ---------- */
#particle-canvas {
position: fixed;
inset: 0;
z-index: -1;
pointer-events: none;
}

/* ---------- Base text ---------- */
body,
.mw-body,
.mw-body-content,
#mw-content-text,
.vector-body {
color: #fff !important;
}

/* ---------- Headings ---------- */
h1, h2, h3, h4, h5, h6,
.mw-headline,
#firstHeading,
.mw-page-title-main,
.page-Main_Page h1 {
color: #FFC300 !important;
}

/* ---------- Logo ---------- */
.mw-logo-icon,
.mw-logo-icon img,
.mw-logo img,
.mw-logo a.mw-logo-container img {
height: 100px !important;
width: auto !important;
max-height: 100px !important;
}
.mw-logo-icon { background-size: auto 100px !important; }

@media (max-width: 720px) {
.mw-logo-icon,
.mw-logo-icon img,
.mw-logo img,
.mw-logo a.mw-logo-container img {
height: 32px !important;
max-height: 32px !important;
}
.mw-logo-icon { background-size: auto 32px !important; }
}

/* ---------- Header ---------- */
.vector-header-container,
.vector-header,
#mw-header-container,
.mw-header {
background: #000814 !important;
border-bottom: 2px solid #FFC300 !important;
}

/* Site name */
.mw-logo-wordmark,
.mw-logo-wordmark a {
color: #FFC300 !important;
font-size: 1.8em !important;
font-weight: bold !important;
text-decoration: none !important;
}
.mw-logo-wordmark a:hover { color: #FFD60A !important; }

/* Sidebar headings */
.vector-pinnable-header-label,
.vector-main-menu-heading,
.mw-portlet h3 {
color: #FFC300 !important;
}

/* =========================================================
PAGE CONTENT LINKS
========================================================= */
.mw-parser-output a { color: #4DA3FF !important; }
.mw-parser-output a:visited { color: #9B7CFF !important; }
.mw-parser-output a:hover { color: #6BB6FF !important; text-decoration: underline; }
.mw-parser-output a:active { color: #1F4FA3 !important; }
.mw-parser-output a.new,
.mw-parser-output a.new:visited { color: #CC2200 !important; }

/* Optional: keep only if something is overriding text colors inside articles */
/* .mw-parser-output { color: #fff !important; } */

/* =========================================================
GLOBAL TABLE THEME (ALL PAGES)
========================================================= */

.mw-parser-output .wikitable {
width: auto !important; /* stop full-width */
display: inline-table !important;/* shrink-wrap to content */
max-width: 100% !important; /* don’t overflow the page */
border-collapse: collapse !important;
margin: 0.75em 0;
background: #303030 !important;
border: 1px solid #555555 !important;
}

.mw-parser-output .wikitable caption {
background: #001D3D !important;
color: #fff !important;
font-weight: bold;
padding: 0.5em 0.7em !important;
border-bottom: 1px solid #555555 !important;
}

.mw-parser-output .wikitable thead th {
background: #000 !important;
color: #EAEAEA !important;
font-weight: 700;
border: 1px solid #666666 !important;
padding: 0.5em 0.7em !important;
}

.mw-parser-output .wikitable tbody tr:nth-child(odd) { background-color: #303030 !important; }
.mw-parser-output .wikitable tbody tr:nth-child(even) { background-color: #505050 !important; }

.mw-parser-output .wikitable tbody td {
border: 1px solid #555555 !important;
color: #EAEAEA !important;
padding: 0.5em 0.7em !important;
}

/* =========================================================
TABLE OF CONTENTS – Vector 2022
========================================================= */
#vector-toc,
#toc {
background: #001D3D !important;
border: 1px solid #FFC300 !important;
border-radius: 6px;
padding: 0.75em;
}

#vector-toc .vector-pinnable-header-label,
#toc .toctitle {
color: #FFC300 !important;
font-weight: bold;
}

#vector-toc .vector-toc-text,
#toc a {
color: #EAEAEA !important;
opacity: 1 !important;
text-decoration: none;
}

/* Active item */
#vector-toc .vector-toc-list-item-active { background: transparent !important; }
#vector-toc .vector-toc-list-item-active > a.vector-toc-link { background-color: #FFD60A !important; }
#vector-toc .vector-toc-list-item-active > a.vector-toc-link .vector-toc-text {
color: #000814 !important;
font-weight: 700 !important;
}

/* Expanded parent rules */
#vector-toc .vector-toc-level-1.vector-toc-list-item-expanded > a.vector-toc-link .vector-toc-text {
color: #FFC300 !important;
font-weight: 600 !important;
}
#vector-toc .vector-toc-level-1.vector-toc-list-item-expanded.vector-toc-list-item-active > a.vector-toc-link .vector-toc-text {
color: #000814 !important;
font-weight: 700 !important;
}
#vector-toc .vector-toc-level-1.vector-toc-list-item-expanded ul .vector-toc-text {
color: #EAEAEA !important;
font-weight: normal !important;
}

/* Hover */
#vector-toc .vector-toc-list-item:not(.vector-toc-list-item-active) > a.vector-toc-link:hover .vector-toc-text {
color: #FFD60A !important;
}
#vector-toc .vector-toc-list-item-active > a.vector-toc-link:hover .vector-toc-text {
color: #000814 !important;
}

/* Remove wrappers */
.vector-toc-container,
#vector-toc-pinned-container,
.vector-pinned-container {
background: transparent !important;
border: none !important;
box-shadow: none !important;
}

/* Inline (article) TOC only */
.mw-parser-output > .toc {
background: #001D3D !important;
border: 1px solid #FFC300 !important;
}

/* =========================================================
Formula Boxes
========================================================= */
.formula-box {
display: inline-block !important; /* shrink to fit */
width: auto !important; /* no full width */
max-width: 100% !important; /* prevent overflow */
background: #001D3D;
border: 1px solid #FFC300;
border-radius: 10px;
padding: 0.8em 1em;
margin: 0.75em 0;
color: #EAEAEA;
line-height: 1.6;
white-space: normal;
overflow-wrap: anywhere;
}

.formula-box a { color: #4DA3FF !important; }
.formula-box a:visited { color: #9B7CFF !important; }

/* =========================
Vector 2022 – RIGHT PAGE TOOLS: remove the fade/gradient
========================= */
.vector-page-tools::before,
.vector-page-tools::after,
.vector-page-tools-container::before,
.vector-page-tools-container::after,
.vector-page-tools-landmark::before,
.vector-page-tools-landmark::after,
.vector-sticky-pinned-container::before,
.vector-sticky-pinned-container::after,
.vector-page-tools .vector-sticky-pinned-container::before,
.vector-page-tools .vector-sticky-pinned-container::after {
background: none !important;
background-image: none !important;
box-shadow: none !important;
filter: none !important;
backdrop-filter: none !important;
mask-image: none !important;
-webkit-mask-image: none !important;
}

/* Change Navigation Icon/Link Colors */
#mw-panel .portal a,
#mw-panel .portal a:visited {
color: #FFC300 !important; /* Change to your desired color */
}

/* Change Footer Link Colors */
div#footer ul li a,
div#footer ul li a:visited {
color: #FFC300 !important; /* Change to your desired color */
}

/* Change Footer Text and Icons */
div#footer ul li {
color: #FFC300 !important;
}

/* Change Navigation Icon/Link Colors */
#mw-panel .portal a,
#mw-panel .portal a:visited {
color: #FFC300 !important; /* Change to your desired color */
}

/* ===== NAVIGATION ICONS - VECTOR 2022 ===== */
/* User menu icon (person icon) */
.vector-user-links .vector-icon,
.vector-user-menu-login .vector-icon,
.vector-user-menu-create-account .vector-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* Settings/hamburger menu icon */
.vector-main-menu-action-toggle .vector-icon,
.vector-page-tools-landmark .vector-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* All navigation icons */
.vector-icon,
.mw-ui-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* User menu links (username) */
.vector-user-links a,
.vector-user-menu-logged-in .vector-user-links-main a {
color: #FFC300 !important;
}

/* ===== FOOTER LINKS - VECTOR 2022 ===== */
/* All footer links */
#footer a,
#footer a:link,
#footer a:visited,
.mw-footer a,
.mw-footer a:link,
.mw-footer a:visited,
footer a,
footer a:link,
footer a:visited {
color: #FFC300 !important;
}

/* Footer text color */
#footer,
#footer li,
.mw-footer,
.mw-footer li,
footer,
footer li {
color: #FFC300 !important;
}

/* Older footer selectors (keeping for compatibility) */
div#footer ul li a,
div#footer ul li a:visited {
color: #FFC300 !important;
}

div#footer ul li {
color: #FFC300 !important;
}

/* =========================================================
VECTOR 2022 – PAGE ACTIONS / TABS COLOR CONTROL
Applies to: Main Page | Discussion | Read | Edit | History | Tools
========================================================= */

/* Default page action links (not active) */
.vector-page-toolbar a,
.vector-page-toolbar a:link,
.vector-page-toolbar a:visited,
.vector-page-toolbar .mw-ui-icon a {
color: #FFC300 !important;
}

/* Hover state (optional subtle brighten) */
.vector-page-toolbar a:hover {
color: #FFD60A !important;
}

/* ACTIVE / CURRENT TAB (e.g. Main Page, Edit when editing) */
.vector-page-toolbar .selected a,
.vector-page-toolbar .mw-ui-button.mw-ui-progressive,
.vector-page-toolbar .mw-ui-button.mw-ui-progressive:visited {
color: #FFFFFF !important;
}

/* Ensure active tab background doesn't force dark text */
.vector-page-toolbar .selected a,
.vector-page-toolbar .selected span {
color: #FFFFFF !important;
}

/* Missing page links stay red */
.vector-page-toolbar a.new,
.vector-page-toolbar a.new:visited {
color: #CC2200 !important;
}

/* ============ NAVPILLS ============ */
/* Navpills styling */
.navpills-container {
margin: 1.5em 0;
padding: 0;
}

.navpills {
display: flex;
flex-wrap: wrap;
gap: 0.8em;
list-style: none;
margin: 0;
padding: 0;
}

.navpill-item {
display: inline-block;
}

.navpill-item a {
text-decoration: none !important;
}

.navpill-item a span {
display: inline-block;
padding: 0.7em 1.3em;
background: linear-gradient(135deg, #003566 0%, #001D3D 100%);
color: #FFC300 !important;
border: 2px solid #FFC300;
border-radius: 6px;
font-weight: bold;
text-decoration: none;
transition: all 0.3s ease;
font-size: 1.05em;
box-shadow: 0 2px 8px rgba(255, 195, 0, 0.2);
}

.navpill-item a:hover span {
background: linear-gradient(135deg, #FFC300 0%, #FFD60A 100%);
color: #000814 !important;
border-color: #FFD60A;
box-shadow: 0 4px 12px rgba(255, 195, 0, 0.4);
transform: translateY(-2px);
}

/* Mobile responsive */
@media (max-width: 768px) {
.navpills {
flex-direction: column;
}

.navpill-item {
width: 100%;
}

.navpill-item a span {
display: block;
text-align: center;
}
}

/* ============ TABS ============ */
/* CSS-Only Tabs */
.wiki-tabs-container-css {
margin: 2em 0;
background: linear-gradient(180deg, #001D3D 0%, #000814 100%);
border: 2px solid #FFC300;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 15px rgba(255, 195, 0, 0.2);
}

/* Hide radio buttons */
.wiki-tab-radio {
display: none;
}

/* Tab Labels (Buttons) */
.wiki-tab-label {
display: inline-block;
padding: 1em 1.5em;
background: #001D3D;
color: #FFC300;
border-right: 1px solid rgba(255, 195, 0, 0.3);
font-size: 1.1em;
font-weight: bold;
cursor: pointer;
transition: all 0.3s ease;
text-align: center;
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, serif;
margin: 0;
border-bottom: 2px solid #000814;
}

.wiki-tab-label:hover {
background: #003566;
color: #FFD60A;
}

/* Active tab style */
.wiki-tab-radio:checked + .wiki-tab-label {
background: #FFC300;
color: #000814;
border-bottom: 3px solid #FFD60A;
}

/* Tab Content */
.wiki-tab-content {
display: none;
padding: 2em;
color: #FFFFFF;
}

/* Show content when tab is checked */
.wiki-tab-radio:checked ~ .wiki-tab-content {
display: block;
}

/* Mobile Responsive */
@media (max-width: 768px) {
.wiki-tab-label {
display: block;
width: 100%;
border-right: none;
border-bottom: 1px solid rgba(255, 195, 0, 0.3);
}
}

/* =========================================================
STICKY HEADER FIX - Keep blue background when scrolling
========================================================= */

/* Sticky header container */
.vector-sticky-header,
.vector-sticky-header-container {
background: #000814 !important;
border-bottom: 2px solid #FFC300 !important;
}

/* Sticky header elements */
.vector-sticky-header-start,
.vector-sticky-header-end,
.vector-sticky-header-context-bar {
background: #000814 !important;
}

/* Page title in sticky header */
.vector-sticky-header-context-bar-primary,
.vector-sticky-header .mw-page-title-main {
color: #FFC300 !important;
}

/* Sticky header buttons and icons */
.vector-sticky-header button,
.vector-sticky-header .vector-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* Sticky header links */
.vector-sticky-header a {
color: #FFC300 !important;
}

/* Race table text override */
.racebox td {
color: black !important;
}

.racebox th {
color: white !important; /* keeps your header colors */
}

/* Equal-width navpills grid */
.navpills-equal-grid .navpills {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 1em !important;
}

.navpills-equal-grid .navpill-item {
width: 100% !important;
display: block !important;
}

.navpills-equal-grid .navpill-item a span {
display: block !important;
width: 100% !important;
text-align: center !important;
padding: 0.5em !important;
box-sizing: border-box !important;
}

@media (max-width: 768px) {
.navpills-equal-grid .navpills {
grid-template-columns: 1fr !important;
}
}

/* Race card buttons with hover animation */
.race-card {
display: block;
text-align: center;
padding: 1.5em 1em;
background: linear-gradient(135deg, #003566 0%, #001D3D 100%);
border: 2px solid #FFC300;
border-radius: 8px;
transition: all 0.3s ease;
box-shadow: 0 2px 8px rgba(255, 195, 0, 0.2);
text-decoration: none;
}

.race-card:hover {
background: linear-gradient(135deg, #FFC300 0%, #FFD60A 100%);
border-color: #FFD60A;
box-shadow: 0 4px 12px rgba(255, 195, 0, 0.4);
transform: translateY(-4px);
}

.race-card img {
display: block;
margin: 0 auto;
transition: transform 0.3s ease;
}

.race-card:hover img {
transform: scale(1.05);
}

.race-card-name {
margin-top: 0.8em;
font-size: 1.2em;
font-weight: bold;
color: #FFC300;
transition: color 0.3s ease;
}

.race-card:hover .race-card-name {
color: #000814;
}

MediaWiki:Common.css

2026-02-19T16:56:48Z

Sonja says:

/* =========================================================
GLOBAL THEME – MediaWiki 1.45 / Vector 2022
========================================================= */

/* ---------- Keyframes ---------- */
@keyframes gradient {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}

@keyframes float {
0% { transform: translateY(0px) translateX(0px) scale(1); opacity: 0; }
10% { opacity: 1; }
90% { opacity: 1; }
100% { transform: translateY(-100vh) translateX(30px) scale(1.2); opacity: 0; }
}

/* ---------- Animated gradient layer ---------- */
body::before {
content: '';
position: fixed;
inset: 0;
z-index: -2;
background: linear-gradient(-45deg, #000814, #001d3d, #000814, #003566);
background-size: 400% 400%;
animation: gradient 15s ease infinite;
}

/* ---------- Base background reset ---------- */
html,
body,
.vector-feature-page-tools-disabled .mw-page-container,
.vector-feature-page-tools-enabled .mw-page-container {
background: transparent !important;
}

/* Transparent content containers */
.mw-page-container,
.mw-body,
.vector-body {
background: transparent !important;
}

/* ---------- Particle canvas ---------- */
#particle-canvas {
position: fixed;
inset: 0;
z-index: -1;
pointer-events: none;
}

/* ---------- Base text ---------- */
body,
.mw-body,
.mw-body-content,
#mw-content-text,
.vector-body {
color: #fff !important;
}

/* ---------- Headings ---------- */
h1, h2, h3, h4, h5, h6,
.mw-headline,
#firstHeading,
.mw-page-title-main,
.page-Main_Page h1 {
color: #FFC300 !important;
}

/* ---------- Logo ---------- */
.mw-logo-icon,
.mw-logo-icon img,
.mw-logo img,
.mw-logo a.mw-logo-container img {
height: 100px !important;
width: auto !important;
max-height: 100px !important;
}
.mw-logo-icon { background-size: auto 100px !important; }

@media (max-width: 720px) {
.mw-logo-icon,
.mw-logo-icon img,
.mw-logo img,
.mw-logo a.mw-logo-container img {
height: 32px !important;
max-height: 32px !important;
}
.mw-logo-icon { background-size: auto 32px !important; }
}

/* ---------- Header ---------- */
.vector-header-container,
.vector-header,
#mw-header-container,
.mw-header {
background: #000814 !important;
border-bottom: 2px solid #FFC300 !important;
}

/* Site name */
.mw-logo-wordmark,
.mw-logo-wordmark a {
color: #FFC300 !important;
font-size: 1.8em !important;
font-weight: bold !important;
text-decoration: none !important;
}
.mw-logo-wordmark a:hover { color: #FFD60A !important; }

/* Sidebar headings */
.vector-pinnable-header-label,
.vector-main-menu-heading,
.mw-portlet h3 {
color: #FFC300 !important;
}

/* =========================================================
PAGE CONTENT LINKS
========================================================= */
.mw-parser-output a { color: #4DA3FF !important; }
.mw-parser-output a:visited { color: #9B7CFF !important; }
.mw-parser-output a:hover { color: #6BB6FF !important; text-decoration: underline; }
.mw-parser-output a:active { color: #1F4FA3 !important; }
.mw-parser-output a.new,
.mw-parser-output a.new:visited { color: #CC2200 !important; }

/* Optional: keep only if something is overriding text colors inside articles */
/* .mw-parser-output { color: #fff !important; } */

/* =========================================================
GLOBAL TABLE THEME (ALL PAGES)
========================================================= */

.mw-parser-output .wikitable {
width: auto !important; /* stop full-width */
display: inline-table !important;/* shrink-wrap to content */
max-width: 100% !important; /* don’t overflow the page */
border-collapse: collapse !important;
margin: 0.75em 0;
background: #303030 !important;
border: 1px solid #555555 !important;
}

.mw-parser-output .wikitable caption {
background: #001D3D !important;
color: #fff !important;
font-weight: bold;
padding: 0.5em 0.7em !important;
border-bottom: 1px solid #555555 !important;
}

.mw-parser-output .wikitable thead th {
background: #000 !important;
color: #EAEAEA !important;
font-weight: 700;
border: 1px solid #666666 !important;
padding: 0.5em 0.7em !important;
}

.mw-parser-output .wikitable tbody tr:nth-child(odd) { background-color: #303030 !important; }
.mw-parser-output .wikitable tbody tr:nth-child(even) { background-color: #505050 !important; }

.mw-parser-output .wikitable tbody td {
border: 1px solid #555555 !important;
color: #EAEAEA !important;
padding: 0.5em 0.7em !important;
}

/* =========================================================
TABLE OF CONTENTS – Vector 2022
========================================================= */
#vector-toc,
#toc {
background: #001D3D !important;
border: 1px solid #FFC300 !important;
border-radius: 6px;
padding: 0.75em;
}

#vector-toc .vector-pinnable-header-label,
#toc .toctitle {
color: #FFC300 !important;
font-weight: bold;
}

#vector-toc .vector-toc-text,
#toc a {
color: #EAEAEA !important;
opacity: 1 !important;
text-decoration: none;
}

/* Active item */
#vector-toc .vector-toc-list-item-active { background: transparent !important; }
#vector-toc .vector-toc-list-item-active > a.vector-toc-link { background-color: #FFD60A !important; }
#vector-toc .vector-toc-list-item-active > a.vector-toc-link .vector-toc-text {
color: #000814 !important;
font-weight: 700 !important;
}

/* Expanded parent rules */
#vector-toc .vector-toc-level-1.vector-toc-list-item-expanded > a.vector-toc-link .vector-toc-text {
color: #FFC300 !important;
font-weight: 600 !important;
}
#vector-toc .vector-toc-level-1.vector-toc-list-item-expanded.vector-toc-list-item-active > a.vector-toc-link .vector-toc-text {
color: #000814 !important;
font-weight: 700 !important;
}
#vector-toc .vector-toc-level-1.vector-toc-list-item-expanded ul .vector-toc-text {
color: #EAEAEA !important;
font-weight: normal !important;
}

/* Hover */
#vector-toc .vector-toc-list-item:not(.vector-toc-list-item-active) > a.vector-toc-link:hover .vector-toc-text {
color: #FFD60A !important;
}
#vector-toc .vector-toc-list-item-active > a.vector-toc-link:hover .vector-toc-text {
color: #000814 !important;
}

/* Remove wrappers */
.vector-toc-container,
#vector-toc-pinned-container,
.vector-pinned-container {
background: transparent !important;
border: none !important;
box-shadow: none !important;
}

/* Inline (article) TOC only */
.mw-parser-output > .toc {
background: #001D3D !important;
border: 1px solid #FFC300 !important;
}

/* =========================================================
Formula Boxes
========================================================= */
.formula-box {
display: inline-block !important; /* shrink to fit */
width: auto !important; /* no full width */
max-width: 100% !important; /* prevent overflow */
background: #001D3D;
border: 1px solid #FFC300;
border-radius: 10px;
padding: 0.8em 1em;
margin: 0.75em 0;
color: #EAEAEA;
line-height: 1.6;
white-space: normal;
overflow-wrap: anywhere;
}

.formula-box a { color: #4DA3FF !important; }
.formula-box a:visited { color: #9B7CFF !important; }

/* =========================
Vector 2022 – RIGHT PAGE TOOLS: remove the fade/gradient
========================= */
.vector-page-tools::before,
.vector-page-tools::after,
.vector-page-tools-container::before,
.vector-page-tools-container::after,
.vector-page-tools-landmark::before,
.vector-page-tools-landmark::after,
.vector-sticky-pinned-container::before,
.vector-sticky-pinned-container::after,
.vector-page-tools .vector-sticky-pinned-container::before,
.vector-page-tools .vector-sticky-pinned-container::after {
background: none !important;
background-image: none !important;
box-shadow: none !important;
filter: none !important;
backdrop-filter: none !important;
mask-image: none !important;
-webkit-mask-image: none !important;
}

/* Change Navigation Icon/Link Colors */
#mw-panel .portal a,
#mw-panel .portal a:visited {
color: #FFC300 !important; /* Change to your desired color */
}

/* Change Footer Link Colors */
div#footer ul li a,
div#footer ul li a:visited {
color: #FFC300 !important; /* Change to your desired color */
}

/* Change Footer Text and Icons */
div#footer ul li {
color: #FFC300 !important;
}

/* Change Navigation Icon/Link Colors */
#mw-panel .portal a,
#mw-panel .portal a:visited {
color: #FFC300 !important; /* Change to your desired color */
}

/* ===== NAVIGATION ICONS - VECTOR 2022 ===== */
/* User menu icon (person icon) */
.vector-user-links .vector-icon,
.vector-user-menu-login .vector-icon,
.vector-user-menu-create-account .vector-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* Settings/hamburger menu icon */
.vector-main-menu-action-toggle .vector-icon,
.vector-page-tools-landmark .vector-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* All navigation icons */
.vector-icon,
.mw-ui-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* User menu links (username) */
.vector-user-links a,
.vector-user-menu-logged-in .vector-user-links-main a {
color: #FFC300 !important;
}

/* ===== FOOTER LINKS - VECTOR 2022 ===== */
/* All footer links */
#footer a,
#footer a:link,
#footer a:visited,
.mw-footer a,
.mw-footer a:link,
.mw-footer a:visited,
footer a,
footer a:link,
footer a:visited {
color: #FFC300 !important;
}

/* Footer text color */
#footer,
#footer li,
.mw-footer,
.mw-footer li,
footer,
footer li {
color: #FFC300 !important;
}

/* Older footer selectors (keeping for compatibility) */
div#footer ul li a,
div#footer ul li a:visited {
color: #FFC300 !important;
}

div#footer ul li {
color: #FFC300 !important;
}

/* =========================================================
VECTOR 2022 – PAGE ACTIONS / TABS COLOR CONTROL
Applies to: Main Page | Discussion | Read | Edit | History | Tools
========================================================= */

/* Default page action links (not active) */
.vector-page-toolbar a,
.vector-page-toolbar a:link,
.vector-page-toolbar a:visited,
.vector-page-toolbar .mw-ui-icon a {
color: #FFC300 !important;
}

/* Hover state (optional subtle brighten) */
.vector-page-toolbar a:hover {
color: #FFD60A !important;
}

/* ACTIVE / CURRENT TAB (e.g. Main Page, Edit when editing) */
.vector-page-toolbar .selected a,
.vector-page-toolbar .mw-ui-button.mw-ui-progressive,
.vector-page-toolbar .mw-ui-button.mw-ui-progressive:visited {
color: #FFFFFF !important;
}

/* Ensure active tab background doesn't force dark text */
.vector-page-toolbar .selected a,
.vector-page-toolbar .selected span {
color: #FFFFFF !important;
}

/* Missing page links stay red */
.vector-page-toolbar a.new,
.vector-page-toolbar a.new:visited {
color: #CC2200 !important;
}

/* ============ NAVPILLS ============ */
/* Navpills styling */
.navpills-container {
margin: 1.5em 0;
padding: 0;
}

.navpills {
display: flex;
flex-wrap: wrap;
gap: 0.8em;
list-style: none;
margin: 0;
padding: 0;
}

.navpill-item {
display: inline-block;
}

.navpill-item a {
text-decoration: none !important;
}

.navpill-item a span {
display: inline-block;
padding: 0.7em 1.3em;
background: linear-gradient(135deg, #003566 0%, #001D3D 100%);
color: #FFC300 !important;
border: 2px solid #FFC300;
border-radius: 6px;
font-weight: bold;
text-decoration: none;
transition: all 0.3s ease;
font-size: 1.05em;
box-shadow: 0 2px 8px rgba(255, 195, 0, 0.2);
}

.navpill-item a:hover span {
background: linear-gradient(135deg, #FFC300 0%, #FFD60A 100%);
color: #000814 !important;
border-color: #FFD60A;
box-shadow: 0 4px 12px rgba(255, 195, 0, 0.4);
transform: translateY(-2px);
}

/* Mobile responsive */
@media (max-width: 768px) {
.navpills {
flex-direction: column;
}

.navpill-item {
width: 100%;
}

.navpill-item a span {
display: block;
text-align: center;
}
}

/* ============ TABS ============ */
/* CSS-Only Tabs */
.wiki-tabs-container-css {
margin: 2em 0;
background: linear-gradient(180deg, #001D3D 0%, #000814 100%);
border: 2px solid #FFC300;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 15px rgba(255, 195, 0, 0.2);
}

/* Hide radio buttons */
.wiki-tab-radio {
display: none;
}

/* Tab Labels (Buttons) */
.wiki-tab-label {
display: inline-block;
padding: 1em 1.5em;
background: #001D3D;
color: #FFC300;
border-right: 1px solid rgba(255, 195, 0, 0.3);
font-size: 1.1em;
font-weight: bold;
cursor: pointer;
transition: all 0.3s ease;
text-align: center;
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, serif;
margin: 0;
border-bottom: 2px solid #000814;
}

.wiki-tab-label:hover {
background: #003566;
color: #FFD60A;
}

/* Active tab style */
.wiki-tab-radio:checked + .wiki-tab-label {
background: #FFC300;
color: #000814;
border-bottom: 3px solid #FFD60A;
}

/* Tab Content */
.wiki-tab-content {
display: none;
padding: 2em;
color: #FFFFFF;
}

/* Show content when tab is checked */
.wiki-tab-radio:checked ~ .wiki-tab-content {
display: block;
}

/* Mobile Responsive */
@media (max-width: 768px) {
.wiki-tab-label {
display: block;
width: 100%;
border-right: none;
border-bottom: 1px solid rgba(255, 195, 0, 0.3);
}
}

/* =========================================================
STICKY HEADER FIX - Keep blue background when scrolling
========================================================= */

/* Sticky header container */
.vector-sticky-header,
.vector-sticky-header-container {
background: #000814 !important;
border-bottom: 2px solid #FFC300 !important;
}

/* Sticky header elements */
.vector-sticky-header-start,
.vector-sticky-header-end,
.vector-sticky-header-context-bar {
background: #000814 !important;
}

/* Page title in sticky header */
.vector-sticky-header-context-bar-primary,
.vector-sticky-header .mw-page-title-main {
color: #FFC300 !important;
}

/* Sticky header buttons and icons */
.vector-sticky-header button,
.vector-sticky-header .vector-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* Sticky header links */
.vector-sticky-header a {
color: #FFC300 !important;
}

/* Race table text override */
.racebox td {
color: black !important;
}

.racebox th {
color: white !important; /* keeps your header colors */
}

/* Equal-width navpills grid */
.navpills-equal-grid .navpills {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 1em !important;
}

.navpills-equal-grid .navpill-item {
width: 100% !important;
display: block !important;
}

.navpills-equal-grid .navpill-item a span {
display: block !important;
width: 100% !important;
text-align: center !important;
padding: 0.5em !important;
box-sizing: border-box !important;
}

@media (max-width: 768px) {
.navpills-equal-grid .navpills {
grid-template-columns: 1fr !important;
}
}

/* Race card buttons with hover animation */
.race-card {
display: block;
text-align: center;
padding: 1.5em 1em;
background: linear-gradient(135deg, #003566 0%, #001D3D 100%);
border: 2px solid #FFC300;
border-radius: 8px;
transition: all 0.3s ease;
box-shadow: 0 2px 8px rgba(255, 195, 0, 0.2);
text-decoration: none;
}

.race-card:hover {
background: linear-gradient(135deg, #FFC300 0%, #FFD60A 100%);
border-color: #FFD60A;
box-shadow: 0 4px 12px rgba(255, 195, 0, 0.4);
transform: translateY(-4px);
}

.race-card img {
display: block;
margin: 0 auto;
transition: transform 0.3s ease;
}

.race-card:hover img {
transform: scale(1.05);
}

.race-card-name {
margin-top: 0.8em;
font-size: 1.2em;
font-weight: bold;
color: #FFC300;
transition: color 0.3s ease;
}

.race-card:hover .race-card-name {
color: #000814;
}

/* =========================================================
Time widgets (works in BOTH main header + sticky header)
========================================================= */

.time-widgets {
display: inline-flex !important;
align-items: center !important;
gap: 12px !important;
white-space: nowrap !important;
}

/* Nice pill styling */
.time-widgets .header-widget {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
padding: 6px 10px !important;
border: 1px solid #FFC300 !important;
border-radius: 999px !important;
background: linear-gradient(135deg, #003566 0%, #001D3D 100%) !important;
box-shadow: 0 2px 8px rgba(255, 195, 0, 0.18) !important;
}

.time-widgets .header-widget__label {
color: #FFC300 !important;
font-weight: 700 !important;
font-size: 0.95em !important;
}

.time-widgets .header-widget__value {
color: #FFFFFF !important;
font-weight: 700 !important;
font-variant-numeric: tabular-nums;
font-size: 0.95em !important;
}

/* MAIN header: center the bar within the header end area */
.vector-header .vector-header-end {
display: flex !important;
align-items: center !important;
}

#main-time-widgets.time-widgets {
flex: 1 1 auto !important;
justify-content: center !important;
}

/* Sticky header: keep your current behavior (Discord left, widgets center) */
.vector-sticky-header-icons {
display: flex !important;
align-items: center !important;
gap: 10px !important;
}

#sticky-time-widgets.time-widgets {
margin: 0 auto !important;
}

/* Optional: hide labels when cramped */
@media (max-width: 1100px) {
.time-widgets .header-widget__label { display: none !important; }
}

/* Hide bar entirely on very small screens */
@media (max-width: 860px) {
#main-time-widgets,
#sticky-time-widgets { display: none !important; }
}

MediaWiki:Common.css

2026-02-19T16:56:09Z

Sonja says:

/* =========================================================
GLOBAL THEME – MediaWiki 1.45 / Vector 2022
========================================================= */

/* ---------- Keyframes ---------- */
@keyframes gradient {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}

@keyframes float {
0% { transform: translateY(0px) translateX(0px) scale(1); opacity: 0; }
10% { opacity: 1; }
90% { opacity: 1; }
100% { transform: translateY(-100vh) translateX(30px) scale(1.2); opacity: 0; }
}

/* ---------- Animated gradient layer ---------- */
body::before {
content: '';
position: fixed;
inset: 0;
z-index: -2;
background: linear-gradient(-45deg, #000814, #001d3d, #000814, #003566);
background-size: 400% 400%;
animation: gradient 15s ease infinite;
}

/* ---------- Base background reset ---------- */
html,
body,
.vector-feature-page-tools-disabled .mw-page-container,
.vector-feature-page-tools-enabled .mw-page-container {
background: transparent !important;
}

/* Transparent content containers */
.mw-page-container,
.mw-body,
.vector-body {
background: transparent !important;
}

/* ---------- Particle canvas ---------- */
#particle-canvas {
position: fixed;
inset: 0;
z-index: -1;
pointer-events: none;
}

/* ---------- Base text ---------- */
body,
.mw-body,
.mw-body-content,
#mw-content-text,
.vector-body {
color: #fff !important;
}

/* ---------- Headings ---------- */
h1, h2, h3, h4, h5, h6,
.mw-headline,
#firstHeading,
.mw-page-title-main,
.page-Main_Page h1 {
color: #FFC300 !important;
}

/* ---------- Logo ---------- */
.mw-logo-icon,
.mw-logo-icon img,
.mw-logo img,
.mw-logo a.mw-logo-container img {
height: 100px !important;
width: auto !important;
max-height: 100px !important;
}
.mw-logo-icon { background-size: auto 100px !important; }

@media (max-width: 720px) {
.mw-logo-icon,
.mw-logo-icon img,
.mw-logo img,
.mw-logo a.mw-logo-container img {
height: 32px !important;
max-height: 32px !important;
}
.mw-logo-icon { background-size: auto 32px !important; }
}

/* ---------- Header ---------- */
.vector-header-container,
.vector-header,
#mw-header-container,
.mw-header {
background: #000814 !important;
border-bottom: 2px solid #FFC300 !important;
}

/* Site name */
.mw-logo-wordmark,
.mw-logo-wordmark a {
color: #FFC300 !important;
font-size: 1.8em !important;
font-weight: bold !important;
text-decoration: none !important;
}
.mw-logo-wordmark a:hover { color: #FFD60A !important; }

/* Sidebar headings */
.vector-pinnable-header-label,
.vector-main-menu-heading,
.mw-portlet h3 {
color: #FFC300 !important;
}

/* =========================================================
PAGE CONTENT LINKS
========================================================= */
.mw-parser-output a { color: #4DA3FF !important; }
.mw-parser-output a:visited { color: #9B7CFF !important; }
.mw-parser-output a:hover { color: #6BB6FF !important; text-decoration: underline; }
.mw-parser-output a:active { color: #1F4FA3 !important; }
.mw-parser-output a.new,
.mw-parser-output a.new:visited { color: #CC2200 !important; }

/* Optional: keep only if something is overriding text colors inside articles */
/* .mw-parser-output { color: #fff !important; } */

/* =========================================================
GLOBAL TABLE THEME (ALL PAGES)
========================================================= */

.mw-parser-output .wikitable {
width: auto !important; /* stop full-width */
display: inline-table !important;/* shrink-wrap to content */
max-width: 100% !important; /* don’t overflow the page */
border-collapse: collapse !important;
margin: 0.75em 0;
background: #303030 !important;
border: 1px solid #555555 !important;
}

.mw-parser-output .wikitable caption {
background: #001D3D !important;
color: #fff !important;
font-weight: bold;
padding: 0.5em 0.7em !important;
border-bottom: 1px solid #555555 !important;
}

.mw-parser-output .wikitable thead th {
background: #000 !important;
color: #EAEAEA !important;
font-weight: 700;
border: 1px solid #666666 !important;
padding: 0.5em 0.7em !important;
}

.mw-parser-output .wikitable tbody tr:nth-child(odd) { background-color: #303030 !important; }
.mw-parser-output .wikitable tbody tr:nth-child(even) { background-color: #505050 !important; }

.mw-parser-output .wikitable tbody td {
border: 1px solid #555555 !important;
color: #EAEAEA !important;
padding: 0.5em 0.7em !important;
}

/* =========================================================
TABLE OF CONTENTS – Vector 2022
========================================================= */
#vector-toc,
#toc {
background: #001D3D !important;
border: 1px solid #FFC300 !important;
border-radius: 6px;
padding: 0.75em;
}

#vector-toc .vector-pinnable-header-label,
#toc .toctitle {
color: #FFC300 !important;
font-weight: bold;
}

#vector-toc .vector-toc-text,
#toc a {
color: #EAEAEA !important;
opacity: 1 !important;
text-decoration: none;
}

/* Active item */
#vector-toc .vector-toc-list-item-active { background: transparent !important; }
#vector-toc .vector-toc-list-item-active > a.vector-toc-link { background-color: #FFD60A !important; }
#vector-toc .vector-toc-list-item-active > a.vector-toc-link .vector-toc-text {
color: #000814 !important;
font-weight: 700 !important;
}

/* Expanded parent rules */
#vector-toc .vector-toc-level-1.vector-toc-list-item-expanded > a.vector-toc-link .vector-toc-text {
color: #FFC300 !important;
font-weight: 600 !important;
}
#vector-toc .vector-toc-level-1.vector-toc-list-item-expanded.vector-toc-list-item-active > a.vector-toc-link .vector-toc-text {
color: #000814 !important;
font-weight: 700 !important;
}
#vector-toc .vector-toc-level-1.vector-toc-list-item-expanded ul .vector-toc-text {
color: #EAEAEA !important;
font-weight: normal !important;
}

/* Hover */
#vector-toc .vector-toc-list-item:not(.vector-toc-list-item-active) > a.vector-toc-link:hover .vector-toc-text {
color: #FFD60A !important;
}
#vector-toc .vector-toc-list-item-active > a.vector-toc-link:hover .vector-toc-text {
color: #000814 !important;
}

/* Remove wrappers */
.vector-toc-container,
#vector-toc-pinned-container,
.vector-pinned-container {
background: transparent !important;
border: none !important;
box-shadow: none !important;
}

/* Inline (article) TOC only */
.mw-parser-output > .toc {
background: #001D3D !important;
border: 1px solid #FFC300 !important;
}

/* =========================================================
Formula Boxes
========================================================= */
.formula-box {
display: inline-block !important; /* shrink to fit */
width: auto !important; /* no full width */
max-width: 100% !important; /* prevent overflow */
background: #001D3D;
border: 1px solid #FFC300;
border-radius: 10px;
padding: 0.8em 1em;
margin: 0.75em 0;
color: #EAEAEA;
line-height: 1.6;
white-space: normal;
overflow-wrap: anywhere;
}

.formula-box a { color: #4DA3FF !important; }
.formula-box a:visited { color: #9B7CFF !important; }

/* =========================
Vector 2022 – RIGHT PAGE TOOLS: remove the fade/gradient
========================= */
.vector-page-tools::before,
.vector-page-tools::after,
.vector-page-tools-container::before,
.vector-page-tools-container::after,
.vector-page-tools-landmark::before,
.vector-page-tools-landmark::after,
.vector-sticky-pinned-container::before,
.vector-sticky-pinned-container::after,
.vector-page-tools .vector-sticky-pinned-container::before,
.vector-page-tools .vector-sticky-pinned-container::after {
background: none !important;
background-image: none !important;
box-shadow: none !important;
filter: none !important;
backdrop-filter: none !important;
mask-image: none !important;
-webkit-mask-image: none !important;
}

/* Change Navigation Icon/Link Colors */
#mw-panel .portal a,
#mw-panel .portal a:visited {
color: #FFC300 !important; /* Change to your desired color */
}

/* Change Footer Link Colors */
div#footer ul li a,
div#footer ul li a:visited {
color: #FFC300 !important; /* Change to your desired color */
}

/* Change Footer Text and Icons */
div#footer ul li {
color: #FFC300 !important;
}

/* Change Navigation Icon/Link Colors */
#mw-panel .portal a,
#mw-panel .portal a:visited {
color: #FFC300 !important; /* Change to your desired color */
}

/* ===== NAVIGATION ICONS - VECTOR 2022 ===== */
/* User menu icon (person icon) */
.vector-user-links .vector-icon,
.vector-user-menu-login .vector-icon,
.vector-user-menu-create-account .vector-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* Settings/hamburger menu icon */
.vector-main-menu-action-toggle .vector-icon,
.vector-page-tools-landmark .vector-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* All navigation icons */
.vector-icon,
.mw-ui-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* User menu links (username) */
.vector-user-links a,
.vector-user-menu-logged-in .vector-user-links-main a {
color: #FFC300 !important;
}

/* ===== FOOTER LINKS - VECTOR 2022 ===== */
/* All footer links */
#footer a,
#footer a:link,
#footer a:visited,
.mw-footer a,
.mw-footer a:link,
.mw-footer a:visited,
footer a,
footer a:link,
footer a:visited {
color: #FFC300 !important;
}

/* Footer text color */
#footer,
#footer li,
.mw-footer,
.mw-footer li,
footer,
footer li {
color: #FFC300 !important;
}

/* Older footer selectors (keeping for compatibility) */
div#footer ul li a,
div#footer ul li a:visited {
color: #FFC300 !important;
}

div#footer ul li {
color: #FFC300 !important;
}

/* =========================================================
VECTOR 2022 – PAGE ACTIONS / TABS COLOR CONTROL
Applies to: Main Page | Discussion | Read | Edit | History | Tools
========================================================= */

/* Default page action links (not active) */
.vector-page-toolbar a,
.vector-page-toolbar a:link,
.vector-page-toolbar a:visited,
.vector-page-toolbar .mw-ui-icon a {
color: #FFC300 !important;
}

/* Hover state (optional subtle brighten) */
.vector-page-toolbar a:hover {
color: #FFD60A !important;
}

/* ACTIVE / CURRENT TAB (e.g. Main Page, Edit when editing) */
.vector-page-toolbar .selected a,
.vector-page-toolbar .mw-ui-button.mw-ui-progressive,
.vector-page-toolbar .mw-ui-button.mw-ui-progressive:visited {
color: #FFFFFF !important;
}

/* Ensure active tab background doesn't force dark text */
.vector-page-toolbar .selected a,
.vector-page-toolbar .selected span {
color: #FFFFFF !important;
}

/* Missing page links stay red */
.vector-page-toolbar a.new,
.vector-page-toolbar a.new:visited {
color: #CC2200 !important;
}

/* ============ NAVPILLS ============ */
/* Navpills styling */
.navpills-container {
margin: 1.5em 0;
padding: 0;
}

.navpills {
display: flex;
flex-wrap: wrap;
gap: 0.8em;
list-style: none;
margin: 0;
padding: 0;
}

.navpill-item {
display: inline-block;
}

.navpill-item a {
text-decoration: none !important;
}

.navpill-item a span {
display: inline-block;
padding: 0.7em 1.3em;
background: linear-gradient(135deg, #003566 0%, #001D3D 100%);
color: #FFC300 !important;
border: 2px solid #FFC300;
border-radius: 6px;
font-weight: bold;
text-decoration: none;
transition: all 0.3s ease;
font-size: 1.05em;
box-shadow: 0 2px 8px rgba(255, 195, 0, 0.2);
}

.navpill-item a:hover span {
background: linear-gradient(135deg, #FFC300 0%, #FFD60A 100%);
color: #000814 !important;
border-color: #FFD60A;
box-shadow: 0 4px 12px rgba(255, 195, 0, 0.4);
transform: translateY(-2px);
}

/* Mobile responsive */
@media (max-width: 768px) {
.navpills {
flex-direction: column;
}

.navpill-item {
width: 100%;
}

.navpill-item a span {
display: block;
text-align: center;
}
}

/* ============ TABS ============ */
/* CSS-Only Tabs */
.wiki-tabs-container-css {
margin: 2em 0;
background: linear-gradient(180deg, #001D3D 0%, #000814 100%);
border: 2px solid #FFC300;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 15px rgba(255, 195, 0, 0.2);
}

/* Hide radio buttons */
.wiki-tab-radio {
display: none;
}

/* Tab Labels (Buttons) */
.wiki-tab-label {
display: inline-block;
padding: 1em 1.5em;
background: #001D3D;
color: #FFC300;
border-right: 1px solid rgba(255, 195, 0, 0.3);
font-size: 1.1em;
font-weight: bold;
cursor: pointer;
transition: all 0.3s ease;
text-align: center;
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, serif;
margin: 0;
border-bottom: 2px solid #000814;
}

.wiki-tab-label:hover {
background: #003566;
color: #FFD60A;
}

/* Active tab style */
.wiki-tab-radio:checked + .wiki-tab-label {
background: #FFC300;
color: #000814;
border-bottom: 3px solid #FFD60A;
}

/* Tab Content */
.wiki-tab-content {
display: none;
padding: 2em;
color: #FFFFFF;
}

/* Show content when tab is checked */
.wiki-tab-radio:checked ~ .wiki-tab-content {
display: block;
}

/* Mobile Responsive */
@media (max-width: 768px) {
.wiki-tab-label {
display: block;
width: 100%;
border-right: none;
border-bottom: 1px solid rgba(255, 195, 0, 0.3);
}
}

/* =========================================================
STICKY HEADER FIX - Keep blue background when scrolling
========================================================= */

/* Sticky header container */
.vector-sticky-header,
.vector-sticky-header-container {
background: #000814 !important;
border-bottom: 2px solid #FFC300 !important;
}

/* Sticky header elements */
.vector-sticky-header-start,
.vector-sticky-header-end,
.vector-sticky-header-context-bar {
background: #000814 !important;
}

/* Page title in sticky header */
.vector-sticky-header-context-bar-primary,
.vector-sticky-header .mw-page-title-main {
color: #FFC300 !important;
}

/* Sticky header buttons and icons */
.vector-sticky-header button,
.vector-sticky-header .vector-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* Sticky header links */
.vector-sticky-header a {
color: #FFC300 !important;
}

/* Race table text override */
.racebox td {
color: black !important;
}

.racebox th {
color: white !important; /* keeps your header colors */
}

/* Equal-width navpills grid */
.navpills-equal-grid .navpills {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 1em !important;
}

.navpills-equal-grid .navpill-item {
width: 100% !important;
display: block !important;
}

.navpills-equal-grid .navpill-item a span {
display: block !important;
width: 100% !important;
text-align: center !important;
padding: 0.5em !important;
box-sizing: border-box !important;
}

@media (max-width: 768px) {
.navpills-equal-grid .navpills {
grid-template-columns: 1fr !important;
}
}

/* Race card buttons with hover animation */
.race-card {
display: block;
text-align: center;
padding: 1.5em 1em;
background: linear-gradient(135deg, #003566 0%, #001D3D 100%);
border: 2px solid #FFC300;
border-radius: 8px;
transition: all 0.3s ease;
box-shadow: 0 2px 8px rgba(255, 195, 0, 0.2);
text-decoration: none;
}

.race-card:hover {
background: linear-gradient(135deg, #FFC300 0%, #FFD60A 100%);
border-color: #FFD60A;
box-shadow: 0 4px 12px rgba(255, 195, 0, 0.4);
transform: translateY(-4px);
}

.race-card img {
display: block;
margin: 0 auto;
transition: transform 0.3s ease;
}

.race-card:hover img {
transform: scale(1.05);
}

.race-card-name {
margin-top: 0.8em;
font-size: 1.2em;
font-weight: bold;
color: #FFC300;
transition: color 0.3s ease;
}

.race-card:hover .race-card-name {
color: #000814;
}

/* =========================================================
Sticky header: center ONLY the time widgets (safe flex method)
Works with the CLEAN JS (header-widget classes)
========================================================= */

/* Keep the icons row as a flex line */
.vector-sticky-header-icons {
display: flex !important;
align-items: center !important;
gap: 10px !important;
}

/* Center container (inserted by JS) */
#sticky-time-widgets.sticky-time-widgets {
margin: 0 auto !important; /* centers the widget group */
display: inline-flex !important;
align-items: center !important;
gap: 14px !important; /* spacing between widgets */
white-space: nowrap !important;
}

/* Each widget pill */
#sticky-time-widgets .header-widget {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
padding: 6px 10px !important;
border: 1px solid #FFC300 !important;
border-radius: 999px !important;
background: linear-gradient(135deg, #003566 0%, #001D3D 100%) !important;
box-shadow: 0 2px 8px rgba(255, 195, 0, 0.18) !important;
line-height: 1 !important;
}

/* Labels + values */
#sticky-time-widgets .header-widget__label {
color: #FFC300 !important;
font-weight: 700 !important;
font-size: 0.95em !important;
}

#sticky-time-widgets .header-widget__value {
color: #FFFFFF !important;
font-weight: 700 !important;
font-variant-numeric: tabular-nums; /* keeps timer width stable */
font-size: 0.95em !important;
}

/* If the header gets cramped, hide labels first */
@media (max-width: 1100px) {
#sticky-time-widgets .header-widget__label {
display: none !important;
}
}

/* If it gets REALLY cramped, hide the whole widget group */
@media (max-width: 860px) {
#sticky-time-widgets.sticky-time-widgets {
display: none !important;
}
}

.mw-parser-output .formula-box {
display: inline-block !important;
width: fit-content !important;
max-width: 100% !important;
}

/* =========================================================
Time widgets (works in BOTH main header + sticky header)
========================================================= */

.time-widgets {
display: inline-flex !important;
align-items: center !important;
gap: 12px !important;
white-space: nowrap !important;
}

/* Nice pill styling */
.time-widgets .header-widget {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
padding: 6px 10px !important;
border: 1px solid #FFC300 !important;
border-radius: 999px !important;
background: linear-gradient(135deg, #003566 0%, #001D3D 100%) !important;
box-shadow: 0 2px 8px rgba(255, 195, 0, 0.18) !important;
}

.time-widgets .header-widget__label {
color: #FFC300 !important;
font-weight: 700 !important;
font-size: 0.95em !important;
}

.time-widgets .header-widget__value {
color: #FFFFFF !important;
font-weight: 700 !important;
font-variant-numeric: tabular-nums;
font-size: 0.95em !important;
}

/* MAIN header: center the bar within the header end area */
.vector-header .vector-header-end {
display: flex !important;
align-items: center !important;
}

#main-time-widgets.time-widgets {
flex: 1 1 auto !important;
justify-content: center !important;
}

/* Sticky header: keep your current behavior (Discord left, widgets center) */
.vector-sticky-header-icons {
display: flex !important;
align-items: center !important;
gap: 10px !important;
}

#sticky-time-widgets.time-widgets {
margin: 0 auto !important;
}

/* Optional: hide labels when cramped */
@media (max-width: 1100px) {
.time-widgets .header-widget__label { display: none !important; }
}

/* Hide bar entirely on very small screens */
@media (max-width: 860px) {
#main-time-widgets,
#sticky-time-widgets { display: none !important; }
}

MediaWiki:Common.js

2026-02-19T16:55:36Z

Sonja says:

/* Any JavaScript here will be loaded for all users on every page load. */

(function () {
/* =========================================================
CONFIG
========================================================= */
const DISCORD_URL = 'https://discord.gg/t2Rp2dRvze';

// Countdown target: Sat, 18 Apr 2026 00:00 UTC
const COUNTDOWN_TARGET_UTC = Date.parse('2026-04-18T00:00:00Z');

// Clock timezone (same for everyone)
const CLOCK_TIMEZONE = 'Etc/UTC';

// Game time anchor (real UTC -> game time)
// At 2026-02-19 14:00:00 UTC, game time was Jan 21 YR2
const GAME_ANCHOR_REAL_UTC = Date.parse('2026-02-19T14:00:00Z');
const GAME_ANCHOR_MONTH_INDEX = 0; // Jan
const GAME_ANCHOR_DAY = 21; // 1..24
const GAME_ANCHOR_YEAR = 2; // YR2
const GAME_MONTHS = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'];

const pad2 = (n) => String(n).padStart(2, '0');

/* =========================================================
Tabs (your existing code)
========================================================= */
$(document).ready(function () {
$('.wiki-tabs-container').each(function () {
var $container = $(this);
var $firstButton = $container.find('.wiki-tab-button').first();
var firstTabId = $firstButton.data('tab');

$firstButton.addClass('active');
$container.find('#' + firstTabId).addClass('active').show();
});

$('.wiki-tab-button').on('click', function () {
var $button = $(this);
var tabId = $button.data('tab');
var $container = $button.closest('.wiki-tabs-container');

$container.find('.wiki-tab-button').removeClass('active');
$container.find('.wiki-tab-pane').removeClass('active').hide();

$button.addClass('active');
$container.find('#' + tabId).addClass('active').show();
});
});

/* =========================================================
Helpers: find/create containers in BOTH headers
========================================================= */

function ensureDiscordLink(container, id) {
if (!container) return null;
if (document.getElementById(id)) return document.getElementById(id);

const link = document.createElement('a');
link.id = id;
link.href = DISCORD_URL;
link.target = '_blank';
link.className =
'cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet sticky-discord-link';
link.textContent = 'Join Us on Discord!';
link.style.fontWeight = 'bold';

container.prepend(link);
return link;
}

// Sticky header: insert our widget bar inside sticky icons row
function getStickyBar() {
const icons = document.querySelector('.vector-sticky-header-icons');
if (!icons) return null;

let bar = document.getElementById('sticky-time-widgets');
if (bar) return bar;

// Keep Discord where it was (far-left in sticky icons)
const discord = ensureDiscordLink(icons, 'custom-sticky-link');

bar = document.createElement('span');
bar.id = 'sticky-time-widgets';
bar.className = 'time-widgets';

// Put widgets immediately AFTER Discord (so Discord stays at the left)
if (discord && discord.parentNode === icons) {
discord.insertAdjacentElement('afterend', bar);
} else {
icons.prepend(bar);
}

return bar;
}

// Main header: put our widgets between search and username area
function getMainBar() {
const header = document.querySelector('.vector-header');
if (!header) return null;

// "End" is where user menu lives; we can safely insert at the start of it
const headerEnd = header.querySelector('.vector-header-end');
if (!headerEnd) return null;

let bar = document.getElementById('main-time-widgets');
if (bar) return bar;

bar = document.createElement('span');
bar.id = 'main-time-widgets';
bar.className = 'time-widgets';

// Add Discord + widgets inside the same main bar
headerEnd.prepend(bar);
ensureDiscordLink(bar, 'main-discord-link');

return bar;
}

/* =========================================================
Build widgets inside a bar (no duplicates)
========================================================= */
function ensureWidget(bar, role, labelText) {
if (!bar) return;

// If this bar already has this role, skip
if (bar.querySelector(`[data-role="${role}"]`)) return;

const wrap = document.createElement('span');
wrap.className = 'header-widget';
wrap.dataset.widget = role;

if (labelText) {
const label = document.createElement('span');
label.className = 'header-widget__label';
label.textContent = labelText;
wrap.appendChild(label);
}

const value = document.createElement('span');
value.className = 'header-widget__value';
value.dataset.role = role;

wrap.appendChild(value);
bar.appendChild(wrap);
}

/* =========================================================
Calculations / formatting
========================================================= */
function formatRemaining(ms) {
if (ms <= 0) return '00:00:00';

const totalSeconds = Math.floor(ms / 1000);
const days = Math.floor(totalSeconds / 86400);
const hours = Math.floor((totalSeconds % 86400) / 3600);
const minutes = Math.floor((totalSeconds % 3600) / 60);
const seconds = totalSeconds % 60;

if (days > 0) return `${days}d ${pad2(hours)}:${pad2(minutes)}:${pad2(seconds)}`;
return `${pad2(hours)}:${pad2(minutes)}:${pad2(seconds)}`;
}

function computeGameString(nowMs) {
const hoursPassed = Math.floor((nowMs - GAME_ANCHOR_REAL_UTC) / 3600000);

// Day increments every hour (1..24)
const dayIndex = (GAME_ANCHOR_DAY - 1) + hoursPassed;
const dayNumber = ((dayIndex % 24) + 24) % 24 + 1;

// Month increments every 24 hours (Jan..Jul cycle)
const daysPassed = Math.floor(dayIndex / 24);
const totalMonthIndex = GAME_ANCHOR_MONTH_INDEX + daysPassed;
const monthIndex = ((totalMonthIndex % 7) + 7) % 7;

// Year increments every 7 real days
const yearsPassed = Math.floor(totalMonthIndex / 7);
const year = GAME_ANCHOR_YEAR + yearsPassed;

return `Current Game Date: ${GAME_MONTHS[monthIndex]} ${dayNumber} YR${year}`;
}

const clockFmt = new Intl.DateTimeFormat('en-GB', {
timeZone: CLOCK_TIMEZONE,
hour: '2-digit',
minute: '2-digit',
second: '2-digit',
hour12: false
});

function updateAll() {
const now = Date.now();

// Update ALL widgets in BOTH headers by role
document.querySelectorAll('[data-role="clock"]').forEach((el) => {
el.textContent = clockFmt.format(new Date(now));
});

document.querySelectorAll('[data-role="game"]').forEach((el) => {
el.textContent = computeGameString(now);
});

document.querySelectorAll('[data-role="countdown"]').forEach((el) => {
el.textContent = formatRemaining(COUNTDOWN_TARGET_UTC - now);
});
}

/* =========================================================
Boot: create + update widgets for BOTH headers
========================================================= */

function buildBarsIfPossible() {
const stickyBar = getStickyBar();
const mainBar = getMainBar();

// Sticky: no Discord inside bar (Discord is separate link to the left)
if (stickyBar) {
ensureWidget(stickyBar, 'clock', 'UTC:');
ensureWidget(stickyBar, 'game', null);
ensureWidget(stickyBar, 'countdown', 'Age ends in:');
}

// Main: Discord lives INSIDE bar (first), then widgets
if (mainBar) {
ensureWidget(mainBar, 'clock', 'UTC:');
ensureWidget(mainBar, 'game', null);
ensureWidget(mainBar, 'countdown', 'Age ends in:');
}

updateAll();
}

// Fires reliably for header DOM
mw.hook('skin.ready').add(function () {
buildBarsIfPossible();

if (!window.__timeWidgetsStarted) {
window.__timeWidgetsStarted = true;
setInterval(updateAll, 1000);
}
});

// Fires on page navigation/content swaps
mw.hook('wikipage.content').add(function () {
buildBarsIfPossible();
});

})();

Stances

2026-02-19T16:40:21Z

Sonja says:

<div id="mw-content-text" lang="en" dir="ltr" class="mw-content-ltr"><p><b>As of Age 112, stances have been removed from the game. This information, though outdated, will be retained for historical purposes.</b><br />
</p><p>A kingdom's Stance is an unilateral statement to the world of the kingdom's intentions and is controlled by the Monarch or Steward. A stance differs from Relations with other kingdoms.<br />
You may not change your stance if you have changed it within the last 48 hours. 48 full Ticks must pass before it can be changed. A Kingdom in Aggressive or Peaceful Stance will automatically revert to Normal at the expiration of the 48nd tick.
</p>
<ul><li> Stance effects are negated in War</li>
<li> Stances may not be changed during Protection</li></ul>
<table style="cell-spacing:5px; border:none; vertical-align: middle; text-align:center" width="100%">

{| class="wikitable" style="border:1px solid #625230; background:#0f1a2b; color:#ffffff; text-align:center;"

|-
! colspan="3" style="background:#001D3D; color:#FFC300; text-align:center; padding:8px; font-size:1.2em;" |
Stances

|-
! style="background:#003566; color:#ffffff; padding:6px; width:33%;" | Normal
! style="background:#003566; color:#ffffff; padding:6px; width:33%;" | Aggressive
! style="background:#003566; color:#ffffff; padding:6px; width:33%;" | Peaceful

|-
| style="background:#0f1a2b; vertical-align:top; padding:8px; text-align:left;" |
* No Effects

| style="background:#0f1a2b; vertical-align:top; padding:8px; text-align:left;" |
* +10% Battle Gains
* -10% Attack Time
* -50% Hostility Generation
* +15% Military Wages
* +10% Training Cost

| style="background:#0f1a2b; vertical-align:top; padding:8px; text-align:left;" |
* +15% Income
* +20% Food Production
* +20% Rune Production
* +20% Birth Rate
* -15% Offensive Military Efficiency
* -20% Outgoing Instant Spell damage and Sabotage Operation damage

|-
| colspan="3" style="background:#001D3D; height:6px;" |
|}

<p><br />
</p>
<h3><span class="mw-headline" id="Changelog">Changelog</span></h3>
<ul><li> Age 73: Fortified Stance Removed - replaced by a new stance called "Prosperous". Prosperous stance is almost identical to Fortified. Attacks into Prosperous will have no gains penalty; Attacks while your Kingdom is Prosperous have reduced gains of -20% (instead of -50%) and scientists gain experience during Prosperous.</li>
<li> Age 105: Stances reintroduced.</li>
<li> Age 106: Stances updated to reflect forum changes on 6 May 2024.</li>
<li> Age 107: Stances and minimum duration updated.</li>
<li> Age 111: Aggressive stance effects updated.</li>
<li> Age 112: Stances removed.</li></ul>
<p><br />
</p>

MediaWiki:Common.css

2026-02-19T16:37:49Z

Sonja says:

/* =========================================================
GLOBAL THEME – MediaWiki 1.45 / Vector 2022
========================================================= */

/* ---------- Keyframes ---------- */
@keyframes gradient {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}

@keyframes float {
0% { transform: translateY(0px) translateX(0px) scale(1); opacity: 0; }
10% { opacity: 1; }
90% { opacity: 1; }
100% { transform: translateY(-100vh) translateX(30px) scale(1.2); opacity: 0; }
}

/* ---------- Animated gradient layer ---------- */
body::before {
content: '';
position: fixed;
inset: 0;
z-index: -2;
background: linear-gradient(-45deg, #000814, #001d3d, #000814, #003566);
background-size: 400% 400%;
animation: gradient 15s ease infinite;
}

/* ---------- Base background reset ---------- */
html,
body,
.vector-feature-page-tools-disabled .mw-page-container,
.vector-feature-page-tools-enabled .mw-page-container {
background: transparent !important;
}

/* Transparent content containers */
.mw-page-container,
.mw-body,
.vector-body {
background: transparent !important;
}

/* ---------- Particle canvas ---------- */
#particle-canvas {
position: fixed;
inset: 0;
z-index: -1;
pointer-events: none;
}

/* ---------- Base text ---------- */
body,
.mw-body,
.mw-body-content,
#mw-content-text,
.vector-body {
color: #fff !important;
}

/* ---------- Headings ---------- */
h1, h2, h3, h4, h5, h6,
.mw-headline,
#firstHeading,
.mw-page-title-main,
.page-Main_Page h1 {
color: #FFC300 !important;
}

/* ---------- Logo ---------- */
.mw-logo-icon,
.mw-logo-icon img,
.mw-logo img,
.mw-logo a.mw-logo-container img {
height: 100px !important;
width: auto !important;
max-height: 100px !important;
}
.mw-logo-icon { background-size: auto 100px !important; }

@media (max-width: 720px) {
.mw-logo-icon,
.mw-logo-icon img,
.mw-logo img,
.mw-logo a.mw-logo-container img {
height: 32px !important;
max-height: 32px !important;
}
.mw-logo-icon { background-size: auto 32px !important; }
}

/* ---------- Header ---------- */
.vector-header-container,
.vector-header,
#mw-header-container,
.mw-header {
background: #000814 !important;
border-bottom: 2px solid #FFC300 !important;
}

/* Site name */
.mw-logo-wordmark,
.mw-logo-wordmark a {
color: #FFC300 !important;
font-size: 1.8em !important;
font-weight: bold !important;
text-decoration: none !important;
}
.mw-logo-wordmark a:hover { color: #FFD60A !important; }

/* Sidebar headings */
.vector-pinnable-header-label,
.vector-main-menu-heading,
.mw-portlet h3 {
color: #FFC300 !important;
}

/* =========================================================
PAGE CONTENT LINKS
========================================================= */
.mw-parser-output a { color: #4DA3FF !important; }
.mw-parser-output a:visited { color: #9B7CFF !important; }
.mw-parser-output a:hover { color: #6BB6FF !important; text-decoration: underline; }
.mw-parser-output a:active { color: #1F4FA3 !important; }
.mw-parser-output a.new,
.mw-parser-output a.new:visited { color: #CC2200 !important; }

/* Optional: keep only if something is overriding text colors inside articles */
/* .mw-parser-output { color: #fff !important; } */

/* =========================================================
GLOBAL TABLE THEME (ALL PAGES)
========================================================= */

.mw-parser-output .wikitable {
width: auto !important; /* stop full-width */
display: inline-table !important;/* shrink-wrap to content */
max-width: 100% !important; /* don’t overflow the page */
border-collapse: collapse !important;
margin: 0.75em 0;
background: #303030 !important;
border: 1px solid #555555 !important;
}

.mw-parser-output .wikitable caption {
background: #001D3D !important;
color: #fff !important;
font-weight: bold;
padding: 0.5em 0.7em !important;
border-bottom: 1px solid #555555 !important;
}

.mw-parser-output .wikitable thead th {
background: #000 !important;
color: #EAEAEA !important;
font-weight: 700;
border: 1px solid #666666 !important;
padding: 0.5em 0.7em !important;
}

.mw-parser-output .wikitable tbody tr:nth-child(odd) { background-color: #303030 !important; }
.mw-parser-output .wikitable tbody tr:nth-child(even) { background-color: #505050 !important; }

.mw-parser-output .wikitable tbody td {
border: 1px solid #555555 !important;
color: #EAEAEA !important;
padding: 0.5em 0.7em !important;
}

/* =========================================================
TABLE OF CONTENTS – Vector 2022
========================================================= */
#vector-toc,
#toc {
background: #001D3D !important;
border: 1px solid #FFC300 !important;
border-radius: 6px;
padding: 0.75em;
}

#vector-toc .vector-pinnable-header-label,
#toc .toctitle {
color: #FFC300 !important;
font-weight: bold;
}

#vector-toc .vector-toc-text,
#toc a {
color: #EAEAEA !important;
opacity: 1 !important;
text-decoration: none;
}

/* Active item */
#vector-toc .vector-toc-list-item-active { background: transparent !important; }
#vector-toc .vector-toc-list-item-active > a.vector-toc-link { background-color: #FFD60A !important; }
#vector-toc .vector-toc-list-item-active > a.vector-toc-link .vector-toc-text {
color: #000814 !important;
font-weight: 700 !important;
}

/* Expanded parent rules */
#vector-toc .vector-toc-level-1.vector-toc-list-item-expanded > a.vector-toc-link .vector-toc-text {
color: #FFC300 !important;
font-weight: 600 !important;
}
#vector-toc .vector-toc-level-1.vector-toc-list-item-expanded.vector-toc-list-item-active > a.vector-toc-link .vector-toc-text {
color: #000814 !important;
font-weight: 700 !important;
}
#vector-toc .vector-toc-level-1.vector-toc-list-item-expanded ul .vector-toc-text {
color: #EAEAEA !important;
font-weight: normal !important;
}

/* Hover */
#vector-toc .vector-toc-list-item:not(.vector-toc-list-item-active) > a.vector-toc-link:hover .vector-toc-text {
color: #FFD60A !important;
}
#vector-toc .vector-toc-list-item-active > a.vector-toc-link:hover .vector-toc-text {
color: #000814 !important;
}

/* Remove wrappers */
.vector-toc-container,
#vector-toc-pinned-container,
.vector-pinned-container {
background: transparent !important;
border: none !important;
box-shadow: none !important;
}

/* Inline (article) TOC only */
.mw-parser-output > .toc {
background: #001D3D !important;
border: 1px solid #FFC300 !important;
}

/* =========================================================
Formula Boxes
========================================================= */
.formula-box {
display: inline-block !important; /* shrink to fit */
width: auto !important; /* no full width */
max-width: 100% !important; /* prevent overflow */
background: #001D3D;
border: 1px solid #FFC300;
border-radius: 10px;
padding: 0.8em 1em;
margin: 0.75em 0;
color: #EAEAEA;
line-height: 1.6;
white-space: normal;
overflow-wrap: anywhere;
}

.formula-box a { color: #4DA3FF !important; }
.formula-box a:visited { color: #9B7CFF !important; }

/* =========================
Vector 2022 – RIGHT PAGE TOOLS: remove the fade/gradient
========================= */
.vector-page-tools::before,
.vector-page-tools::after,
.vector-page-tools-container::before,
.vector-page-tools-container::after,
.vector-page-tools-landmark::before,
.vector-page-tools-landmark::after,
.vector-sticky-pinned-container::before,
.vector-sticky-pinned-container::after,
.vector-page-tools .vector-sticky-pinned-container::before,
.vector-page-tools .vector-sticky-pinned-container::after {
background: none !important;
background-image: none !important;
box-shadow: none !important;
filter: none !important;
backdrop-filter: none !important;
mask-image: none !important;
-webkit-mask-image: none !important;
}

/* Change Navigation Icon/Link Colors */
#mw-panel .portal a,
#mw-panel .portal a:visited {
color: #FFC300 !important; /* Change to your desired color */
}

/* Change Footer Link Colors */
div#footer ul li a,
div#footer ul li a:visited {
color: #FFC300 !important; /* Change to your desired color */
}

/* Change Footer Text and Icons */
div#footer ul li {
color: #FFC300 !important;
}

/* Change Navigation Icon/Link Colors */
#mw-panel .portal a,
#mw-panel .portal a:visited {
color: #FFC300 !important; /* Change to your desired color */
}

/* ===== NAVIGATION ICONS - VECTOR 2022 ===== */
/* User menu icon (person icon) */
.vector-user-links .vector-icon,
.vector-user-menu-login .vector-icon,
.vector-user-menu-create-account .vector-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* Settings/hamburger menu icon */
.vector-main-menu-action-toggle .vector-icon,
.vector-page-tools-landmark .vector-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* All navigation icons */
.vector-icon,
.mw-ui-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* User menu links (username) */
.vector-user-links a,
.vector-user-menu-logged-in .vector-user-links-main a {
color: #FFC300 !important;
}

/* ===== FOOTER LINKS - VECTOR 2022 ===== */
/* All footer links */
#footer a,
#footer a:link,
#footer a:visited,
.mw-footer a,
.mw-footer a:link,
.mw-footer a:visited,
footer a,
footer a:link,
footer a:visited {
color: #FFC300 !important;
}

/* Footer text color */
#footer,
#footer li,
.mw-footer,
.mw-footer li,
footer,
footer li {
color: #FFC300 !important;
}

/* Older footer selectors (keeping for compatibility) */
div#footer ul li a,
div#footer ul li a:visited {
color: #FFC300 !important;
}

div#footer ul li {
color: #FFC300 !important;
}

/* =========================================================
VECTOR 2022 – PAGE ACTIONS / TABS COLOR CONTROL
Applies to: Main Page | Discussion | Read | Edit | History | Tools
========================================================= */

/* Default page action links (not active) */
.vector-page-toolbar a,
.vector-page-toolbar a:link,
.vector-page-toolbar a:visited,
.vector-page-toolbar .mw-ui-icon a {
color: #FFC300 !important;
}

/* Hover state (optional subtle brighten) */
.vector-page-toolbar a:hover {
color: #FFD60A !important;
}

/* ACTIVE / CURRENT TAB (e.g. Main Page, Edit when editing) */
.vector-page-toolbar .selected a,
.vector-page-toolbar .mw-ui-button.mw-ui-progressive,
.vector-page-toolbar .mw-ui-button.mw-ui-progressive:visited {
color: #FFFFFF !important;
}

/* Ensure active tab background doesn't force dark text */
.vector-page-toolbar .selected a,
.vector-page-toolbar .selected span {
color: #FFFFFF !important;
}

/* Missing page links stay red */
.vector-page-toolbar a.new,
.vector-page-toolbar a.new:visited {
color: #CC2200 !important;
}

/* ============ NAVPILLS ============ */
/* Navpills styling */
.navpills-container {
margin: 1.5em 0;
padding: 0;
}

.navpills {
display: flex;
flex-wrap: wrap;
gap: 0.8em;
list-style: none;
margin: 0;
padding: 0;
}

.navpill-item {
display: inline-block;
}

.navpill-item a {
text-decoration: none !important;
}

.navpill-item a span {
display: inline-block;
padding: 0.7em 1.3em;
background: linear-gradient(135deg, #003566 0%, #001D3D 100%);
color: #FFC300 !important;
border: 2px solid #FFC300;
border-radius: 6px;
font-weight: bold;
text-decoration: none;
transition: all 0.3s ease;
font-size: 1.05em;
box-shadow: 0 2px 8px rgba(255, 195, 0, 0.2);
}

.navpill-item a:hover span {
background: linear-gradient(135deg, #FFC300 0%, #FFD60A 100%);
color: #000814 !important;
border-color: #FFD60A;
box-shadow: 0 4px 12px rgba(255, 195, 0, 0.4);
transform: translateY(-2px);
}

/* Mobile responsive */
@media (max-width: 768px) {
.navpills {
flex-direction: column;
}

.navpill-item {
width: 100%;
}

.navpill-item a span {
display: block;
text-align: center;
}
}

/* ============ TABS ============ */
/* CSS-Only Tabs */
.wiki-tabs-container-css {
margin: 2em 0;
background: linear-gradient(180deg, #001D3D 0%, #000814 100%);
border: 2px solid #FFC300;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 15px rgba(255, 195, 0, 0.2);
}

/* Hide radio buttons */
.wiki-tab-radio {
display: none;
}

/* Tab Labels (Buttons) */
.wiki-tab-label {
display: inline-block;
padding: 1em 1.5em;
background: #001D3D;
color: #FFC300;
border-right: 1px solid rgba(255, 195, 0, 0.3);
font-size: 1.1em;
font-weight: bold;
cursor: pointer;
transition: all 0.3s ease;
text-align: center;
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, serif;
margin: 0;
border-bottom: 2px solid #000814;
}

.wiki-tab-label:hover {
background: #003566;
color: #FFD60A;
}

/* Active tab style */
.wiki-tab-radio:checked + .wiki-tab-label {
background: #FFC300;
color: #000814;
border-bottom: 3px solid #FFD60A;
}

/* Tab Content */
.wiki-tab-content {
display: none;
padding: 2em;
color: #FFFFFF;
}

/* Show content when tab is checked */
.wiki-tab-radio:checked ~ .wiki-tab-content {
display: block;
}

/* Mobile Responsive */
@media (max-width: 768px) {
.wiki-tab-label {
display: block;
width: 100%;
border-right: none;
border-bottom: 1px solid rgba(255, 195, 0, 0.3);
}
}

/* =========================================================
STICKY HEADER FIX - Keep blue background when scrolling
========================================================= */

/* Sticky header container */
.vector-sticky-header,
.vector-sticky-header-container {
background: #000814 !important;
border-bottom: 2px solid #FFC300 !important;
}

/* Sticky header elements */
.vector-sticky-header-start,
.vector-sticky-header-end,
.vector-sticky-header-context-bar {
background: #000814 !important;
}

/* Page title in sticky header */
.vector-sticky-header-context-bar-primary,
.vector-sticky-header .mw-page-title-main {
color: #FFC300 !important;
}

/* Sticky header buttons and icons */
.vector-sticky-header button,
.vector-sticky-header .vector-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* Sticky header links */
.vector-sticky-header a {
color: #FFC300 !important;
}

/* Race table text override */
.racebox td {
color: black !important;
}

.racebox th {
color: white !important; /* keeps your header colors */
}

/* Equal-width navpills grid */
.navpills-equal-grid .navpills {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 1em !important;
}

.navpills-equal-grid .navpill-item {
width: 100% !important;
display: block !important;
}

.navpills-equal-grid .navpill-item a span {
display: block !important;
width: 100% !important;
text-align: center !important;
padding: 0.5em !important;
box-sizing: border-box !important;
}

@media (max-width: 768px) {
.navpills-equal-grid .navpills {
grid-template-columns: 1fr !important;
}
}

/* Race card buttons with hover animation */
.race-card {
display: block;
text-align: center;
padding: 1.5em 1em;
background: linear-gradient(135deg, #003566 0%, #001D3D 100%);
border: 2px solid #FFC300;
border-radius: 8px;
transition: all 0.3s ease;
box-shadow: 0 2px 8px rgba(255, 195, 0, 0.2);
text-decoration: none;
}

.race-card:hover {
background: linear-gradient(135deg, #FFC300 0%, #FFD60A 100%);
border-color: #FFD60A;
box-shadow: 0 4px 12px rgba(255, 195, 0, 0.4);
transform: translateY(-4px);
}

.race-card img {
display: block;
margin: 0 auto;
transition: transform 0.3s ease;
}

.race-card:hover img {
transform: scale(1.05);
}

.race-card-name {
margin-top: 0.8em;
font-size: 1.2em;
font-weight: bold;
color: #FFC300;
transition: color 0.3s ease;
}

.race-card:hover .race-card-name {
color: #000814;
}

/* =========================================================
Sticky header: center ONLY the time widgets (safe flex method)
Works with the CLEAN JS (header-widget classes)
========================================================= */

/* Keep the icons row as a flex line */
.vector-sticky-header-icons {
display: flex !important;
align-items: center !important;
gap: 10px !important;
}

/* Center container (inserted by JS) */
#sticky-time-widgets.sticky-time-widgets {
margin: 0 auto !important; /* centers the widget group */
display: inline-flex !important;
align-items: center !important;
gap: 14px !important; /* spacing between widgets */
white-space: nowrap !important;
}

/* Each widget pill */
#sticky-time-widgets .header-widget {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
padding: 6px 10px !important;
border: 1px solid #FFC300 !important;
border-radius: 999px !important;
background: linear-gradient(135deg, #003566 0%, #001D3D 100%) !important;
box-shadow: 0 2px 8px rgba(255, 195, 0, 0.18) !important;
line-height: 1 !important;
}

/* Labels + values */
#sticky-time-widgets .header-widget__label {
color: #FFC300 !important;
font-weight: 700 !important;
font-size: 0.95em !important;
}

#sticky-time-widgets .header-widget__value {
color: #FFFFFF !important;
font-weight: 700 !important;
font-variant-numeric: tabular-nums; /* keeps timer width stable */
font-size: 0.95em !important;
}

/* If the header gets cramped, hide labels first */
@media (max-width: 1100px) {
#sticky-time-widgets .header-widget__label {
display: none !important;
}
}

/* If it gets REALLY cramped, hide the whole widget group */
@media (max-width: 860px) {
#sticky-time-widgets.sticky-time-widgets {
display: none !important;
}
}

.mw-parser-output .formula-box {
display: inline-block !important;
width: fit-content !important;
max-width: 100% !important;
}

MediaWiki:Common.css

2026-02-19T16:37:20Z

Sonja says:

/* =========================================================
GLOBAL THEME – MediaWiki 1.45 / Vector 2022
========================================================= */

/* ---------- Keyframes ---------- */
@keyframes gradient {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}

@keyframes float {
0% { transform: translateY(0px) translateX(0px) scale(1); opacity: 0; }
10% { opacity: 1; }
90% { opacity: 1; }
100% { transform: translateY(-100vh) translateX(30px) scale(1.2); opacity: 0; }
}

/* ---------- Animated gradient layer ---------- */
body::before {
content: '';
position: fixed;
inset: 0;
z-index: -2;
background: linear-gradient(-45deg, #000814, #001d3d, #000814, #003566);
background-size: 400% 400%;
animation: gradient 15s ease infinite;
}

/* ---------- Base background reset ---------- */
html,
body,
.vector-feature-page-tools-disabled .mw-page-container,
.vector-feature-page-tools-enabled .mw-page-container {
background: transparent !important;
}

/* Transparent content containers */
.mw-page-container,
.mw-body,
.vector-body {
background: transparent !important;
}

/* ---------- Particle canvas ---------- */
#particle-canvas {
position: fixed;
inset: 0;
z-index: -1;
pointer-events: none;
}

/* ---------- Base text ---------- */
body,
.mw-body,
.mw-body-content,
#mw-content-text,
.vector-body {
color: #fff !important;
}

/* ---------- Headings ---------- */
h1, h2, h3, h4, h5, h6,
.mw-headline,
#firstHeading,
.mw-page-title-main,
.page-Main_Page h1 {
color: #FFC300 !important;
}

/* ---------- Logo ---------- */
.mw-logo-icon,
.mw-logo-icon img,
.mw-logo img,
.mw-logo a.mw-logo-container img {
height: 100px !important;
width: auto !important;
max-height: 100px !important;
}
.mw-logo-icon { background-size: auto 100px !important; }

@media (max-width: 720px) {
.mw-logo-icon,
.mw-logo-icon img,
.mw-logo img,
.mw-logo a.mw-logo-container img {
height: 32px !important;
max-height: 32px !important;
}
.mw-logo-icon { background-size: auto 32px !important; }
}

/* ---------- Header ---------- */
.vector-header-container,
.vector-header,
#mw-header-container,
.mw-header {
background: #000814 !important;
border-bottom: 2px solid #FFC300 !important;
}

/* Site name */
.mw-logo-wordmark,
.mw-logo-wordmark a {
color: #FFC300 !important;
font-size: 1.8em !important;
font-weight: bold !important;
text-decoration: none !important;
}
.mw-logo-wordmark a:hover { color: #FFD60A !important; }

/* Sidebar headings */
.vector-pinnable-header-label,
.vector-main-menu-heading,
.mw-portlet h3 {
color: #FFC300 !important;
}

/* =========================================================
PAGE CONTENT LINKS
========================================================= */
.mw-parser-output a { color: #4DA3FF !important; }
.mw-parser-output a:visited { color: #9B7CFF !important; }
.mw-parser-output a:hover { color: #6BB6FF !important; text-decoration: underline; }
.mw-parser-output a:active { color: #1F4FA3 !important; }
.mw-parser-output a.new,
.mw-parser-output a.new:visited { color: #CC2200 !important; }

/* Optional: keep only if something is overriding text colors inside articles */
/* .mw-parser-output { color: #fff !important; } */

/* =========================================================
GLOBAL TABLE THEME (ALL PAGES)
========================================================= */

.mw-parser-output .wikitable {
width: auto !important; /* stop full-width */
display: inline-table !important;/* shrink-wrap to content */
max-width: 100% !important; /* don’t overflow the page */
border-collapse: collapse !important;
margin: 0.75em 0;
background: #303030 !important;
border: 1px solid #555555 !important;
}

.mw-parser-output .wikitable caption {
background: #001D3D !important;
color: #fff !important;
font-weight: bold;
padding: 0.5em 0.7em !important;
border-bottom: 1px solid #555555 !important;
}

.mw-parser-output .wikitable thead th {
background: #000 !important;
color: #EAEAEA !important;
font-weight: 700;
border: 1px solid #666666 !important;
padding: 0.5em 0.7em !important;
}

.mw-parser-output .wikitable tbody tr:nth-child(odd) { background-color: #303030 !important; }
.mw-parser-output .wikitable tbody tr:nth-child(even) { background-color: #505050 !important; }

.mw-parser-output .wikitable tbody td {
border: 1px solid #555555 !important;
color: #EAEAEA !important;
padding: 0.5em 0.7em !important;
}

/* =========================================================
TABLE OF CONTENTS – Vector 2022
========================================================= */
#vector-toc,
#toc {
background: #001D3D !important;
border: 1px solid #FFC300 !important;
border-radius: 6px;
padding: 0.75em;
}

#vector-toc .vector-pinnable-header-label,
#toc .toctitle {
color: #FFC300 !important;
font-weight: bold;
}

#vector-toc .vector-toc-text,
#toc a {
color: #EAEAEA !important;
opacity: 1 !important;
text-decoration: none;
}

/* Active item */
#vector-toc .vector-toc-list-item-active { background: transparent !important; }
#vector-toc .vector-toc-list-item-active > a.vector-toc-link { background-color: #FFD60A !important; }
#vector-toc .vector-toc-list-item-active > a.vector-toc-link .vector-toc-text {
color: #000814 !important;
font-weight: 700 !important;
}

/* Expanded parent rules */
#vector-toc .vector-toc-level-1.vector-toc-list-item-expanded > a.vector-toc-link .vector-toc-text {
color: #FFC300 !important;
font-weight: 600 !important;
}
#vector-toc .vector-toc-level-1.vector-toc-list-item-expanded.vector-toc-list-item-active > a.vector-toc-link .vector-toc-text {
color: #000814 !important;
font-weight: 700 !important;
}
#vector-toc .vector-toc-level-1.vector-toc-list-item-expanded ul .vector-toc-text {
color: #EAEAEA !important;
font-weight: normal !important;
}

/* Hover */
#vector-toc .vector-toc-list-item:not(.vector-toc-list-item-active) > a.vector-toc-link:hover .vector-toc-text {
color: #FFD60A !important;
}
#vector-toc .vector-toc-list-item-active > a.vector-toc-link:hover .vector-toc-text {
color: #000814 !important;
}

/* Remove wrappers */
.vector-toc-container,
#vector-toc-pinned-container,
.vector-pinned-container {
background: transparent !important;
border: none !important;
box-shadow: none !important;
}

/* Inline (article) TOC only */
.mw-parser-output > .toc {
background: #001D3D !important;
border: 1px solid #FFC300 !important;
}

/* =========================================================
Formula Boxes
========================================================= */
.formula-box {
display: inline-block !important; /* shrink to fit */
width: auto !important; /* no full width */
max-width: 100% !important; /* prevent overflow */
background: #001D3D;
border: 1px solid #FFC300;
border-radius: 10px;
padding: 0.8em 1em;
margin: 0.75em 0;
color: #EAEAEA;
line-height: 1.6;
white-space: normal;
overflow-wrap: anywhere;
}

.formula-box a { color: #4DA3FF !important; }
.formula-box a:visited { color: #9B7CFF !important; }

/* =========================
Vector 2022 – RIGHT PAGE TOOLS: remove the fade/gradient
========================= */
.vector-page-tools::before,
.vector-page-tools::after,
.vector-page-tools-container::before,
.vector-page-tools-container::after,
.vector-page-tools-landmark::before,
.vector-page-tools-landmark::after,
.vector-sticky-pinned-container::before,
.vector-sticky-pinned-container::after,
.vector-page-tools .vector-sticky-pinned-container::before,
.vector-page-tools .vector-sticky-pinned-container::after {
background: none !important;
background-image: none !important;
box-shadow: none !important;
filter: none !important;
backdrop-filter: none !important;
mask-image: none !important;
-webkit-mask-image: none !important;
}

/* Change Navigation Icon/Link Colors */
#mw-panel .portal a,
#mw-panel .portal a:visited {
color: #FFC300 !important; /* Change to your desired color */
}

/* Change Footer Link Colors */
div#footer ul li a,
div#footer ul li a:visited {
color: #FFC300 !important; /* Change to your desired color */
}

/* Change Footer Text and Icons */
div#footer ul li {
color: #FFC300 !important;
}

/* Change Navigation Icon/Link Colors */
#mw-panel .portal a,
#mw-panel .portal a:visited {
color: #FFC300 !important; /* Change to your desired color */
}

/* ===== NAVIGATION ICONS - VECTOR 2022 ===== */
/* User menu icon (person icon) */
.vector-user-links .vector-icon,
.vector-user-menu-login .vector-icon,
.vector-user-menu-create-account .vector-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* Settings/hamburger menu icon */
.vector-main-menu-action-toggle .vector-icon,
.vector-page-tools-landmark .vector-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* All navigation icons */
.vector-icon,
.mw-ui-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* User menu links (username) */
.vector-user-links a,
.vector-user-menu-logged-in .vector-user-links-main a {
color: #FFC300 !important;
}

/* ===== FOOTER LINKS - VECTOR 2022 ===== */
/* All footer links */
#footer a,
#footer a:link,
#footer a:visited,
.mw-footer a,
.mw-footer a:link,
.mw-footer a:visited,
footer a,
footer a:link,
footer a:visited {
color: #FFC300 !important;
}

/* Footer text color */
#footer,
#footer li,
.mw-footer,
.mw-footer li,
footer,
footer li {
color: #FFC300 !important;
}

/* Older footer selectors (keeping for compatibility) */
div#footer ul li a,
div#footer ul li a:visited {
color: #FFC300 !important;
}

div#footer ul li {
color: #FFC300 !important;
}

/* =========================================================
VECTOR 2022 – PAGE ACTIONS / TABS COLOR CONTROL
Applies to: Main Page | Discussion | Read | Edit | History | Tools
========================================================= */

/* Default page action links (not active) */
.vector-page-toolbar a,
.vector-page-toolbar a:link,
.vector-page-toolbar a:visited,
.vector-page-toolbar .mw-ui-icon a {
color: #FFC300 !important;
}

/* Hover state (optional subtle brighten) */
.vector-page-toolbar a:hover {
color: #FFD60A !important;
}

/* ACTIVE / CURRENT TAB (e.g. Main Page, Edit when editing) */
.vector-page-toolbar .selected a,
.vector-page-toolbar .mw-ui-button.mw-ui-progressive,
.vector-page-toolbar .mw-ui-button.mw-ui-progressive:visited {
color: #FFFFFF !important;
}

/* Ensure active tab background doesn't force dark text */
.vector-page-toolbar .selected a,
.vector-page-toolbar .selected span {
color: #FFFFFF !important;
}

/* Missing page links stay red */
.vector-page-toolbar a.new,
.vector-page-toolbar a.new:visited {
color: #CC2200 !important;
}

/* ============ NAVPILLS ============ */
/* Navpills styling */
.navpills-container {
margin: 1.5em 0;
padding: 0;
}

.navpills {
display: flex;
flex-wrap: wrap;
gap: 0.8em;
list-style: none;
margin: 0;
padding: 0;
}

.navpill-item {
display: inline-block;
}

.navpill-item a {
text-decoration: none !important;
}

.navpill-item a span {
display: inline-block;
padding: 0.7em 1.3em;
background: linear-gradient(135deg, #003566 0%, #001D3D 100%);
color: #FFC300 !important;
border: 2px solid #FFC300;
border-radius: 6px;
font-weight: bold;
text-decoration: none;
transition: all 0.3s ease;
font-size: 1.05em;
box-shadow: 0 2px 8px rgba(255, 195, 0, 0.2);
}

.navpill-item a:hover span {
background: linear-gradient(135deg, #FFC300 0%, #FFD60A 100%);
color: #000814 !important;
border-color: #FFD60A;
box-shadow: 0 4px 12px rgba(255, 195, 0, 0.4);
transform: translateY(-2px);
}

/* Mobile responsive */
@media (max-width: 768px) {
.navpills {
flex-direction: column;
}

.navpill-item {
width: 100%;
}

.navpill-item a span {
display: block;
text-align: center;
}
}

/* ============ TABS ============ */
/* CSS-Only Tabs */
.wiki-tabs-container-css {
margin: 2em 0;
background: linear-gradient(180deg, #001D3D 0%, #000814 100%);
border: 2px solid #FFC300;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 15px rgba(255, 195, 0, 0.2);
}

/* Hide radio buttons */
.wiki-tab-radio {
display: none;
}

/* Tab Labels (Buttons) */
.wiki-tab-label {
display: inline-block;
padding: 1em 1.5em;
background: #001D3D;
color: #FFC300;
border-right: 1px solid rgba(255, 195, 0, 0.3);
font-size: 1.1em;
font-weight: bold;
cursor: pointer;
transition: all 0.3s ease;
text-align: center;
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, serif;
margin: 0;
border-bottom: 2px solid #000814;
}

.wiki-tab-label:hover {
background: #003566;
color: #FFD60A;
}

/* Active tab style */
.wiki-tab-radio:checked + .wiki-tab-label {
background: #FFC300;
color: #000814;
border-bottom: 3px solid #FFD60A;
}

/* Tab Content */
.wiki-tab-content {
display: none;
padding: 2em;
color: #FFFFFF;
}

/* Show content when tab is checked */
.wiki-tab-radio:checked ~ .wiki-tab-content {
display: block;
}

/* Mobile Responsive */
@media (max-width: 768px) {
.wiki-tab-label {
display: block;
width: 100%;
border-right: none;
border-bottom: 1px solid rgba(255, 195, 0, 0.3);
}
}

/* =========================================================
STICKY HEADER FIX - Keep blue background when scrolling
========================================================= */

/* Sticky header container */
.vector-sticky-header,
.vector-sticky-header-container {
background: #000814 !important;
border-bottom: 2px solid #FFC300 !important;
}

/* Sticky header elements */
.vector-sticky-header-start,
.vector-sticky-header-end,
.vector-sticky-header-context-bar {
background: #000814 !important;
}

/* Page title in sticky header */
.vector-sticky-header-context-bar-primary,
.vector-sticky-header .mw-page-title-main {
color: #FFC300 !important;
}

/* Sticky header buttons and icons */
.vector-sticky-header button,
.vector-sticky-header .vector-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* Sticky header links */
.vector-sticky-header a {
color: #FFC300 !important;
}

/* Race table text override */
.racebox td {
color: black !important;
}

.racebox th {
color: white !important; /* keeps your header colors */
}

/* Equal-width navpills grid */
.navpills-equal-grid .navpills {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 1em !important;
}

.navpills-equal-grid .navpill-item {
width: 100% !important;
display: block !important;
}

.navpills-equal-grid .navpill-item a span {
display: block !important;
width: 100% !important;
text-align: center !important;
padding: 0.5em !important;
box-sizing: border-box !important;
}

@media (max-width: 768px) {
.navpills-equal-grid .navpills {
grid-template-columns: 1fr !important;
}
}

/* Race card buttons with hover animation */
.race-card {
display: block;
text-align: center;
padding: 1.5em 1em;
background: linear-gradient(135deg, #003566 0%, #001D3D 100%);
border: 2px solid #FFC300;
border-radius: 8px;
transition: all 0.3s ease;
box-shadow: 0 2px 8px rgba(255, 195, 0, 0.2);
text-decoration: none;
}

.race-card:hover {
background: linear-gradient(135deg, #FFC300 0%, #FFD60A 100%);
border-color: #FFD60A;
box-shadow: 0 4px 12px rgba(255, 195, 0, 0.4);
transform: translateY(-4px);
}

.race-card img {
display: block;
margin: 0 auto;
transition: transform 0.3s ease;
}

.race-card:hover img {
transform: scale(1.05);
}

.race-card-name {
margin-top: 0.8em;
font-size: 1.2em;
font-weight: bold;
color: #FFC300;
transition: color 0.3s ease;
}

.race-card:hover .race-card-name {
color: #000814;
}

/* =========================================================
Sticky header: center ONLY the time widgets (safe flex method)
Works with the CLEAN JS (header-widget classes)
========================================================= */

/* Keep the icons row as a flex line */
.vector-sticky-header-icons {
display: flex !important;
align-items: center !important;
gap: 10px !important;
}

/* Center container (inserted by JS) */
#sticky-time-widgets.sticky-time-widgets {
margin: 0 auto !important; /* centers the widget group */
display: inline-flex !important;
align-items: center !important;
gap: 14px !important; /* spacing between widgets */
white-space: nowrap !important;
}

/* Each widget pill */
#sticky-time-widgets .header-widget {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
padding: 6px 10px !important;
border: 1px solid #FFC300 !important;
border-radius: 999px !important;
background: linear-gradient(135deg, #003566 0%, #001D3D 100%) !important;
box-shadow: 0 2px 8px rgba(255, 195, 0, 0.18) !important;
line-height: 1 !important;
}

/* Labels + values */
#sticky-time-widgets .header-widget__label {
color: #FFC300 !important;
font-weight: 700 !important;
font-size: 0.95em !important;
}

#sticky-time-widgets .header-widget__value {
color: #FFFFFF !important;
font-weight: 700 !important;
font-variant-numeric: tabular-nums; /* keeps timer width stable */
font-size: 0.95em !important;
}

/* If the header gets cramped, hide labels first */
@media (max-width: 1100px) {
#sticky-time-widgets .header-widget__label {
display: none !important;
}
}

/* If it gets REALLY cramped, hide the whole widget group */
@media (max-width: 860px) {
#sticky-time-widgets.sticky-time-widgets {
display: none !important;
}
}

.mw-parser-output .formula-box {
display: inline-block !important;
width: fit-content !important;
max-width: 100% !important;
}

/* Active TOC item — gold background + dark text */
#vector-toc .vector-toc-list-item-active > a.vector-toc-link {
background-color: #FFD60A !important;
}

/* Vector 2022 TOC: active (highlighted) item = gold background + dark text */
#vector-toc li.vector-toc-list-item-active > a.vector-toc-link {
background-color: #FFD60A !important;
color: #000814 !important;

/* in case Vector uses effects that keep text light */
filter: none !important;
mix-blend-mode: normal !important;
}

#vector-toc li.vector-toc-list-item-active > a.vector-toc-link * {
color: #000814 !important;
filter: none !important;
mix-blend-mode: normal !important;
}

Science

2026-02-19T16:37:02Z

Sonja says: /* Re-assigning Scientists */

Sciences are the study of knowledge and create our pathway into the future. By studying the laws that govern our being and understanding the effects of these laws, we can strengthen ourselves in all that we do. The mystery of magic and thievery, our military prowess, even our methods of production can all be enhanced through the power of study with an investment in time devoted to those fields. The students of our province will lead us into the future with your careful direction.

Mastering the Arts & Sciences makes your people stronger, smarter, and more efficient. You can grow in strength without growing in size.

Details on the benefits of different sciences can be found below.



==Science Categories, Types and Effects==

{| class="wikitable"
!Science Category
!Type
!Effect
!Multiplier
|-
| '''Economy''' || Alchemy ||Income || ~0.0724
|-
| || Tools || Building Effectiveness || ~0.0524
|-
| || Housing || Population Limits || ~0.0262
|-
| || Production || Food & Rune Production || ~0.2172
|-
| || Bookkeeping || Wage Reduction || ~0.068
|-
| || Artisan || Construction Time Reduction, Construction & Raze Cost Reduction || ~0.0478
|-
| '''Military''' || Strategy || Defensive Military Efficiency || ~0.0367
|-
| || Siege || Battle Gains || ~0.0262
|-
| || Tactics || Offensive Military Efficiency || ~0.0367
|-
| || Valor || Reduced Military Train Time & Increased Dragon Slaying Strength || ~0.0582
|-
| || Heroism || Draft Speed & Draft Costs Reduction || ~0.0418
|-
| || Resilience || Reduced Military Casualties || ~0.0489
|-
| '''Arcane Arts''' || Crime || Thievery Effectiveness || ~0.1557
|-
| || Channeling ||Magic Effectiveness || ~0.1875
|-
| || Shielding || Reduced Damage from Enemy Thievery and Magic Instant Operations || ~0.0314
|-
| || Sorcery || Increased Magic Instant Damage || ~0.0314
|-
| || Cunning || Increased Thievery Operation Damage || ~0.0314
|-
| || Finesse || Reduced Wizards and Thieves lost on Failed Spells and Operations || ~0.0965
|}

== Science Formula ==
<div class="formula-box">
<b>Science Bonus =</b> ( # of Books in Type )^(1/2.125) * Science Multiplier * [[Races and Personalities|Race]] Mod * [[Races and Personalities|Personality]] Mod * [[Mystics#Amnesia|Amnesia Effect]] * [[Mystics#Scientific Insights|Scientific Insights]] Mod * [[Growth#Libraries|Libraries]] Mod
</div>

==Scientists and Books==

*Each province starts with a set number of Scientists assigned to the three science Categories (<b>Economy, Military, Arcane Arts</b>). <br>
*Scientists start out as Recruits, then as they progress they provide incrementally greater benefits with each progression. <br>
*Scientist experience is based on how many Books they have produced in that category. <br>
*Scientists have no Networth value.
*Scientists can be re-assigned at any time, but revert to Recruit level when doing so. <br>
*Every tick each province builds progress towards a new scientist. Universities increase the rate of this progress.
*Scientists produce a set number of books each tick in the Category they are allocated (<b>Economy, Military, Arcane Arts</b>), based on their rank. Schools increase this effect.<br>
*Books can be allocated to any science Type within the Category they have been produced.<br>
*Allocated books go into effect instantly.
*Inactive provinces do not produce Books.<br>


=== Scientist Spawn Rate Formula ===
<div class="formula-box">
<b>Scientists Spawn Rate =</b> 2 * [[Races and Personalities|Race]] Mod * [[Growth#Effects_of_Buildings|Universities Effect]] * [[Mystics#Revelation|Revelation]] Mod
</div>

Each province starts with a set number of scientists assigned to the various science categories. Scientists start out as Recruits that provide no bonus, then as they progress ther provide incrementally greater benefits with each progression.

*Recruit -> Novice = 3 Utopian days (3 hours)
*Novice -> Graduate = 72 Utopian days (3 days)
*Graduate -> Professor = 96 Utopian days (4 days)

Scientists can be re-assigned at any time, but revert to Recruit level when doing so. <br>
Every tick each province builds progress towards a new random scientist. Universities increase the rate of this progress.

{| class="wikitable"
!Modifier Type
!Multiplier
|-
| Race: [[Races and Personalities|Human]] || 1.25
|-
| Spell: [[Mystics#Revelation|Revelation]] || 1.3
|}

=== Scientist Ranks and Production ===

{| class="wikitable"
!Rank
!Experience
!Book Production
|-
| '''Recruit''' || 0-1439 || 60
|-
| '''Novice''' || 1440-5279 || 80
|-
| '''Graduate''' || 5280-12479 || 100
|-
| '''Professor''' || 12480+ || 120
|}

=== Re-assigning Scientists ===

Re-assigning scientists drops them back to a recruit. 

=== Science Bonus ===

<div class="formula-box">
<b>Science Bonus =</b> [ ''MIN''( Science Multiplier * Skill points , Cap ) + ''MAX''( 0, Science Multiplier * Skill points - Cap ) * Diminishing Return Factor ] * [[Races and Personalities|Race]] Mod * [[Races and Personalities|Personality]] Mod * [[Mystics#Scientific_Insights|Scientific Insights]] Mod
</div>

{| class="wikitable"
!Modifier Type
!Multiplier
!Science Category
|-
| Personality: [[Races and Personalities|Heretic]] || 1.3 || Crime
|-
| Personality: [[Races and Personalities|Heretic]] || 1.3 || Channeling
|-
| Personality: [[Races and Personalities|Rogue]] || 1.5 || Crime
|-
| Personality: [[Races and Personalities|Mystic]] || 1.75 || Channeling
|-
| Personality: [[Races and Personalities|Sage]] || 1.3 || All
|-
| Spell: [[Mystics#Scientific_Insights|Scientific Insights]] || 1.1 || All
|}

=== Scientist Networth ===

<div class="formula-box">
<b>Networth Per Scientist =</b> ~1.7gc * tick of experience
</div>

* Professors experience caps at 72 hours
* A maxed-out professor will provide ~413gc Networth

=== Book Networth ===

<div class="formula-box">
NW = Books * 0.000006 * Current Land
</div>

<!--
=== Age 69 - Age 76 ===

'''Abduct Attacks'''<br>
*Through combat, you can abduct scientists from another province. Universities protect a province from abduction. '''Note: Abduct attack has been removed in Age 77.'''

'''Changelog'''
*Age 69: The new science system is introduced.
*Age 70: Professors experience capped at 72 hours (a maxed-out professor will provide ~624gc Networth). Tools cap increased from 15% to 20%, housing and military cap from 10% to 15%, food from 100% to 200%, channeling from 100% to 125%. Additional scientist rank added: Recruit.
*Age 71: Approximately +50% scientists will be required to reach maximum effects (see table below). Production Science maximum will be 120% (down from 200%) and it will increase both Food and Rune production.
*Age 72: Scientists are generated on a flat ratio (7.5) similar to wizards instead of via RNG.
*Age 73: Science will no longer have a hard maximum for all categories. Science will scale in a linear fashion up to the previously stated maximums as normal. Once this point is reached additional scientists will yield diminishing returns.
*Age 74: Scientist experience will now show on the Science page and in the Spy on Sciences.
*Age 76: The number of scientists required for soft cap will be the same number for all categories: 35.

'''Old scientist multipliers and caps, during Age 76:'''
{| cellpadding="4"
|-bgcolor="#dedeff"
| '''Science Category''' || '''Effect''' || ''' Multiplier''' || '''Soft Cap'''
|-
| '''Alchemy''' || Income || 0.428 || 30%
|-
| '''Tools''' || Building Effectiveness || 0.287 || 20%
|-
| '''Housing''' || Population Limits || 0.215 || 15%
|-
| '''Production''' || Food & Rune Production || 1.714 || 120%
|-
| '''Military''' || Military Efficiency || 0.215 || 15%
|-
| '''Crime''' || Thievery Effectiveness || 1.428 || 100%
|-
| '''Channeling''' || Magic Effectiveness || 1.785 || 125%
|}

'''Old scientist multipliers and caps, Age 71 - Age 75:'''
{| cellpadding="4"
|-bgcolor="#dedeff"
| '''Science Category''' || '''Effect''' || ''' Multiplier''' || '''Cap''' || '''Scientist Cap'''
|-
| '''Alchemy''' || Income || 0.5 || 30% || 30
|-
| '''Tools''' || Building Effectiveness || 0.33 || 20% || 31
|-
| '''Housing''' || Population Limits || 0.2 || 15% || 38
|-
| '''Production''' || Food & Rune Production || 2 || 120% || 30
|-
| '''Military''' || Military Efficiency || 0.2 || 15% || 38
|-
| '''Crime''' || Thievery Effectiveness || 1.65 || 100% || 31
|-
| '''Channeling''' || Magic Effectiveness || 2 || 125% || 32
|}

<!--*

=== Age ?? to Age 68 ===

'''NOTE: These formulas apply to the old books system of science. In Age 69, books were replaced by scientists.'''
'''From Ages ?? to 68 Science formulas worked as follows:'''

'''Science Effects'''
<b>Books per Acre =</b> Books / MAX(Acres,300)

<b>Science Bonus =</b> [[Races and Personalities|Race]] Mod * [[Races and Personalities|Personality]] Mod * Science Multiplier * ''SQRT''( Books per Acre ) * [[Growth|Library Effect]]

{| cellpadding="4"
|-bgcolor="#dedeff"
| '''Science Category''' || '''Multiplier'''
|-
| '''Alchemy''' || 1.4
|-
| '''Tools''' || 1
|-
| '''Housing''' || 0.65
|-
| '''Food''' || 8
|-
| '''Military''' || 0.52
|-
| '''Thievery''' || 6
|-
| '''Channeling''' || 6
|}

'''Science Costs'''
<b>Science Cost =</b> Raw Cost (''Table Below'') * [[Races and Personalities|Race]] Mod * [[Growth|Schools Effect]]

{| cellpadding="4"
|-bgcolor="#dedeff"
| '''Science Rate''' || '''BPA''' || '''GC / Book''' || '''GC / Acre'''
|-
| '''No Research''' || 0 || 0 || 0 ||
|-
| '''Minimal''' || 0.3 || 6 || 1.8
|-
| '''Limited''' || 0.4 || 7 || 2.8
|-
| '''Sustained''' || 0.5 || 9 || 4.5
|-
| '''Active''' || 0.7 || 13 || 9.1
|-
| '''Focused''' || 0.9 || 17 || 15.3
|-
| '''Accelerated''' || 1.2 || 22 || 26.4
|-
| '''Intensive''' || 1.5 || 27 || 40.5
|-
| '''Rushed''' || 2.0 || 36 || 72.0
|-
| '''Extreme''' || 3.0 || 50 || 150.0
|}

MediaWiki:Common.css

2026-02-19T16:35:39Z

Sonja says:

/* =========================================================
GLOBAL THEME – MediaWiki 1.45 / Vector 2022
========================================================= */

/* ---------- Keyframes ---------- */
@keyframes gradient {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}

@keyframes float {
0% { transform: translateY(0px) translateX(0px) scale(1); opacity: 0; }
10% { opacity: 1; }
90% { opacity: 1; }
100% { transform: translateY(-100vh) translateX(30px) scale(1.2); opacity: 0; }
}

/* ---------- Animated gradient layer ---------- */
body::before {
content: '';
position: fixed;
inset: 0;
z-index: -2;
background: linear-gradient(-45deg, #000814, #001d3d, #000814, #003566);
background-size: 400% 400%;
animation: gradient 15s ease infinite;
}

/* ---------- Base background reset ---------- */
html,
body,
.vector-feature-page-tools-disabled .mw-page-container,
.vector-feature-page-tools-enabled .mw-page-container {
background: transparent !important;
}

/* Transparent content containers */
.mw-page-container,
.mw-body,
.vector-body {
background: transparent !important;
}

/* ---------- Particle canvas ---------- */
#particle-canvas {
position: fixed;
inset: 0;
z-index: -1;
pointer-events: none;
}

/* ---------- Base text ---------- */
body,
.mw-body,
.mw-body-content,
#mw-content-text,
.vector-body {
color: #fff !important;
}

/* ---------- Headings ---------- */
h1, h2, h3, h4, h5, h6,
.mw-headline,
#firstHeading,
.mw-page-title-main,
.page-Main_Page h1 {
color: #FFC300 !important;
}

/* ---------- Logo ---------- */
.mw-logo-icon,
.mw-logo-icon img,
.mw-logo img,
.mw-logo a.mw-logo-container img {
height: 100px !important;
width: auto !important;
max-height: 100px !important;
}
.mw-logo-icon { background-size: auto 100px !important; }

@media (max-width: 720px) {
.mw-logo-icon,
.mw-logo-icon img,
.mw-logo img,
.mw-logo a.mw-logo-container img {
height: 32px !important;
max-height: 32px !important;
}
.mw-logo-icon { background-size: auto 32px !important; }
}

/* ---------- Header ---------- */
.vector-header-container,
.vector-header,
#mw-header-container,
.mw-header {
background: #000814 !important;
border-bottom: 2px solid #FFC300 !important;
}

/* Site name */
.mw-logo-wordmark,
.mw-logo-wordmark a {
color: #FFC300 !important;
font-size: 1.8em !important;
font-weight: bold !important;
text-decoration: none !important;
}
.mw-logo-wordmark a:hover { color: #FFD60A !important; }

/* Sidebar headings */
.vector-pinnable-header-label,
.vector-main-menu-heading,
.mw-portlet h3 {
color: #FFC300 !important;
}

/* =========================================================
PAGE CONTENT LINKS
========================================================= */
.mw-parser-output a { color: #4DA3FF !important; }
.mw-parser-output a:visited { color: #9B7CFF !important; }
.mw-parser-output a:hover { color: #6BB6FF !important; text-decoration: underline; }
.mw-parser-output a:active { color: #1F4FA3 !important; }
.mw-parser-output a.new,
.mw-parser-output a.new:visited { color: #CC2200 !important; }

/* Optional: keep only if something is overriding text colors inside articles */
/* .mw-parser-output { color: #fff !important; } */

/* =========================================================
GLOBAL TABLE THEME (ALL PAGES)
========================================================= */

.mw-parser-output .wikitable {
width: auto !important; /* stop full-width */
display: inline-table !important;/* shrink-wrap to content */
max-width: 100% !important; /* don’t overflow the page */
border-collapse: collapse !important;
margin: 0.75em 0;
background: #303030 !important;
border: 1px solid #555555 !important;
}

.mw-parser-output .wikitable caption {
background: #001D3D !important;
color: #fff !important;
font-weight: bold;
padding: 0.5em 0.7em !important;
border-bottom: 1px solid #555555 !important;
}

.mw-parser-output .wikitable thead th {
background: #000 !important;
color: #EAEAEA !important;
font-weight: 700;
border: 1px solid #666666 !important;
padding: 0.5em 0.7em !important;
}

.mw-parser-output .wikitable tbody tr:nth-child(odd) { background-color: #303030 !important; }
.mw-parser-output .wikitable tbody tr:nth-child(even) { background-color: #505050 !important; }

.mw-parser-output .wikitable tbody td {
border: 1px solid #555555 !important;
color: #EAEAEA !important;
padding: 0.5em 0.7em !important;
}

/* =========================================================
TABLE OF CONTENTS – Vector 2022
========================================================= */
#vector-toc,
#toc {
background: #001D3D !important;
border: 1px solid #FFC300 !important;
border-radius: 6px;
padding: 0.75em;
}

#vector-toc .vector-pinnable-header-label,
#toc .toctitle {
color: #FFC300 !important;
font-weight: bold;
}

#vector-toc .vector-toc-text,
#toc a {
color: #EAEAEA !important;
opacity: 1 !important;
text-decoration: none;
}

/* Active item */
#vector-toc .vector-toc-list-item-active { background: transparent !important; }
#vector-toc .vector-toc-list-item-active > a.vector-toc-link { background-color: #FFD60A !important; }
#vector-toc .vector-toc-list-item-active > a.vector-toc-link .vector-toc-text {
color: #000814 !important;
font-weight: 700 !important;
}

/* Expanded parent rules */
#vector-toc .vector-toc-level-1.vector-toc-list-item-expanded > a.vector-toc-link .vector-toc-text {
color: #FFC300 !important;
font-weight: 600 !important;
}
#vector-toc .vector-toc-level-1.vector-toc-list-item-expanded.vector-toc-list-item-active > a.vector-toc-link .vector-toc-text {
color: #000814 !important;
font-weight: 700 !important;
}
#vector-toc .vector-toc-level-1.vector-toc-list-item-expanded ul .vector-toc-text {
color: #EAEAEA !important;
font-weight: normal !important;
}

/* Hover */
#vector-toc .vector-toc-list-item:not(.vector-toc-list-item-active) > a.vector-toc-link:hover .vector-toc-text {
color: #FFD60A !important;
}
#vector-toc .vector-toc-list-item-active > a.vector-toc-link:hover .vector-toc-text {
color: #000814 !important;
}

/* Remove wrappers */
.vector-toc-container,
#vector-toc-pinned-container,
.vector-pinned-container {
background: transparent !important;
border: none !important;
box-shadow: none !important;
}

/* Inline (article) TOC only */
.mw-parser-output > .toc {
background: #001D3D !important;
border: 1px solid #FFC300 !important;
}

/* =========================================================
Formula Boxes
========================================================= */
.formula-box {
display: inline-block !important; /* shrink to fit */
width: auto !important; /* no full width */
max-width: 100% !important; /* prevent overflow */
background: #001D3D;
border: 1px solid #FFC300;
border-radius: 10px;
padding: 0.8em 1em;
margin: 0.75em 0;
color: #EAEAEA;
line-height: 1.6;
white-space: normal;
overflow-wrap: anywhere;
}

.formula-box a { color: #4DA3FF !important; }
.formula-box a:visited { color: #9B7CFF !important; }

/* =========================
Vector 2022 – RIGHT PAGE TOOLS: remove the fade/gradient
========================= */
.vector-page-tools::before,
.vector-page-tools::after,
.vector-page-tools-container::before,
.vector-page-tools-container::after,
.vector-page-tools-landmark::before,
.vector-page-tools-landmark::after,
.vector-sticky-pinned-container::before,
.vector-sticky-pinned-container::after,
.vector-page-tools .vector-sticky-pinned-container::before,
.vector-page-tools .vector-sticky-pinned-container::after {
background: none !important;
background-image: none !important;
box-shadow: none !important;
filter: none !important;
backdrop-filter: none !important;
mask-image: none !important;
-webkit-mask-image: none !important;
}

/* Change Navigation Icon/Link Colors */
#mw-panel .portal a,
#mw-panel .portal a:visited {
color: #FFC300 !important; /* Change to your desired color */
}

/* Change Footer Link Colors */
div#footer ul li a,
div#footer ul li a:visited {
color: #FFC300 !important; /* Change to your desired color */
}

/* Change Footer Text and Icons */
div#footer ul li {
color: #FFC300 !important;
}

/* Change Navigation Icon/Link Colors */
#mw-panel .portal a,
#mw-panel .portal a:visited {
color: #FFC300 !important; /* Change to your desired color */
}

/* ===== NAVIGATION ICONS - VECTOR 2022 ===== */
/* User menu icon (person icon) */
.vector-user-links .vector-icon,
.vector-user-menu-login .vector-icon,
.vector-user-menu-create-account .vector-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* Settings/hamburger menu icon */
.vector-main-menu-action-toggle .vector-icon,
.vector-page-tools-landmark .vector-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* All navigation icons */
.vector-icon,
.mw-ui-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* User menu links (username) */
.vector-user-links a,
.vector-user-menu-logged-in .vector-user-links-main a {
color: #FFC300 !important;
}

/* ===== FOOTER LINKS - VECTOR 2022 ===== */
/* All footer links */
#footer a,
#footer a:link,
#footer a:visited,
.mw-footer a,
.mw-footer a:link,
.mw-footer a:visited,
footer a,
footer a:link,
footer a:visited {
color: #FFC300 !important;
}

/* Footer text color */
#footer,
#footer li,
.mw-footer,
.mw-footer li,
footer,
footer li {
color: #FFC300 !important;
}

/* Older footer selectors (keeping for compatibility) */
div#footer ul li a,
div#footer ul li a:visited {
color: #FFC300 !important;
}

div#footer ul li {
color: #FFC300 !important;
}

/* =========================================================
VECTOR 2022 – PAGE ACTIONS / TABS COLOR CONTROL
Applies to: Main Page | Discussion | Read | Edit | History | Tools
========================================================= */

/* Default page action links (not active) */
.vector-page-toolbar a,
.vector-page-toolbar a:link,
.vector-page-toolbar a:visited,
.vector-page-toolbar .mw-ui-icon a {
color: #FFC300 !important;
}

/* Hover state (optional subtle brighten) */
.vector-page-toolbar a:hover {
color: #FFD60A !important;
}

/* ACTIVE / CURRENT TAB (e.g. Main Page, Edit when editing) */
.vector-page-toolbar .selected a,
.vector-page-toolbar .mw-ui-button.mw-ui-progressive,
.vector-page-toolbar .mw-ui-button.mw-ui-progressive:visited {
color: #FFFFFF !important;
}

/* Ensure active tab background doesn't force dark text */
.vector-page-toolbar .selected a,
.vector-page-toolbar .selected span {
color: #FFFFFF !important;
}

/* Missing page links stay red */
.vector-page-toolbar a.new,
.vector-page-toolbar a.new:visited {
color: #CC2200 !important;
}

/* ============ NAVPILLS ============ */
/* Navpills styling */
.navpills-container {
margin: 1.5em 0;
padding: 0;
}

.navpills {
display: flex;
flex-wrap: wrap;
gap: 0.8em;
list-style: none;
margin: 0;
padding: 0;
}

.navpill-item {
display: inline-block;
}

.navpill-item a {
text-decoration: none !important;
}

.navpill-item a span {
display: inline-block;
padding: 0.7em 1.3em;
background: linear-gradient(135deg, #003566 0%, #001D3D 100%);
color: #FFC300 !important;
border: 2px solid #FFC300;
border-radius: 6px;
font-weight: bold;
text-decoration: none;
transition: all 0.3s ease;
font-size: 1.05em;
box-shadow: 0 2px 8px rgba(255, 195, 0, 0.2);
}

.navpill-item a:hover span {
background: linear-gradient(135deg, #FFC300 0%, #FFD60A 100%);
color: #000814 !important;
border-color: #FFD60A;
box-shadow: 0 4px 12px rgba(255, 195, 0, 0.4);
transform: translateY(-2px);
}

/* Mobile responsive */
@media (max-width: 768px) {
.navpills {
flex-direction: column;
}

.navpill-item {
width: 100%;
}

.navpill-item a span {
display: block;
text-align: center;
}
}

/* ============ TABS ============ */
/* CSS-Only Tabs */
.wiki-tabs-container-css {
margin: 2em 0;
background: linear-gradient(180deg, #001D3D 0%, #000814 100%);
border: 2px solid #FFC300;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 15px rgba(255, 195, 0, 0.2);
}

/* Hide radio buttons */
.wiki-tab-radio {
display: none;
}

/* Tab Labels (Buttons) */
.wiki-tab-label {
display: inline-block;
padding: 1em 1.5em;
background: #001D3D;
color: #FFC300;
border-right: 1px solid rgba(255, 195, 0, 0.3);
font-size: 1.1em;
font-weight: bold;
cursor: pointer;
transition: all 0.3s ease;
text-align: center;
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, serif;
margin: 0;
border-bottom: 2px solid #000814;
}

.wiki-tab-label:hover {
background: #003566;
color: #FFD60A;
}

/* Active tab style */
.wiki-tab-radio:checked + .wiki-tab-label {
background: #FFC300;
color: #000814;
border-bottom: 3px solid #FFD60A;
}

/* Tab Content */
.wiki-tab-content {
display: none;
padding: 2em;
color: #FFFFFF;
}

/* Show content when tab is checked */
.wiki-tab-radio:checked ~ .wiki-tab-content {
display: block;
}

/* Mobile Responsive */
@media (max-width: 768px) {
.wiki-tab-label {
display: block;
width: 100%;
border-right: none;
border-bottom: 1px solid rgba(255, 195, 0, 0.3);
}
}

/* =========================================================
STICKY HEADER FIX - Keep blue background when scrolling
========================================================= */

/* Sticky header container */
.vector-sticky-header,
.vector-sticky-header-container {
background: #000814 !important;
border-bottom: 2px solid #FFC300 !important;
}

/* Sticky header elements */
.vector-sticky-header-start,
.vector-sticky-header-end,
.vector-sticky-header-context-bar {
background: #000814 !important;
}

/* Page title in sticky header */
.vector-sticky-header-context-bar-primary,
.vector-sticky-header .mw-page-title-main {
color: #FFC300 !important;
}

/* Sticky header buttons and icons */
.vector-sticky-header button,
.vector-sticky-header .vector-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* Sticky header links */
.vector-sticky-header a {
color: #FFC300 !important;
}

/* Race table text override */
.racebox td {
color: black !important;
}

.racebox th {
color: white !important; /* keeps your header colors */
}

/* Equal-width navpills grid */
.navpills-equal-grid .navpills {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 1em !important;
}

.navpills-equal-grid .navpill-item {
width: 100% !important;
display: block !important;
}

.navpills-equal-grid .navpill-item a span {
display: block !important;
width: 100% !important;
text-align: center !important;
padding: 0.5em !important;
box-sizing: border-box !important;
}

@media (max-width: 768px) {
.navpills-equal-grid .navpills {
grid-template-columns: 1fr !important;
}
}

/* Race card buttons with hover animation */
.race-card {
display: block;
text-align: center;
padding: 1.5em 1em;
background: linear-gradient(135deg, #003566 0%, #001D3D 100%);
border: 2px solid #FFC300;
border-radius: 8px;
transition: all 0.3s ease;
box-shadow: 0 2px 8px rgba(255, 195, 0, 0.2);
text-decoration: none;
}

.race-card:hover {
background: linear-gradient(135deg, #FFC300 0%, #FFD60A 100%);
border-color: #FFD60A;
box-shadow: 0 4px 12px rgba(255, 195, 0, 0.4);
transform: translateY(-4px);
}

.race-card img {
display: block;
margin: 0 auto;
transition: transform 0.3s ease;
}

.race-card:hover img {
transform: scale(1.05);
}

.race-card-name {
margin-top: 0.8em;
font-size: 1.2em;
font-weight: bold;
color: #FFC300;
transition: color 0.3s ease;
}

.race-card:hover .race-card-name {
color: #000814;
}

/* =========================================================
Sticky header: center ONLY the time widgets (safe flex method)
Works with the CLEAN JS (header-widget classes)
========================================================= */

/* Keep the icons row as a flex line */
.vector-sticky-header-icons {
display: flex !important;
align-items: center !important;
gap: 10px !important;
}

/* Center container (inserted by JS) */
#sticky-time-widgets.sticky-time-widgets {
margin: 0 auto !important; /* centers the widget group */
display: inline-flex !important;
align-items: center !important;
gap: 14px !important; /* spacing between widgets */
white-space: nowrap !important;
}

/* Each widget pill */
#sticky-time-widgets .header-widget {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
padding: 6px 10px !important;
border: 1px solid #FFC300 !important;
border-radius: 999px !important;
background: linear-gradient(135deg, #003566 0%, #001D3D 100%) !important;
box-shadow: 0 2px 8px rgba(255, 195, 0, 0.18) !important;
line-height: 1 !important;
}

/* Labels + values */
#sticky-time-widgets .header-widget__label {
color: #FFC300 !important;
font-weight: 700 !important;
font-size: 0.95em !important;
}

#sticky-time-widgets .header-widget__value {
color: #FFFFFF !important;
font-weight: 700 !important;
font-variant-numeric: tabular-nums; /* keeps timer width stable */
font-size: 0.95em !important;
}

/* If the header gets cramped, hide labels first */
@media (max-width: 1100px) {
#sticky-time-widgets .header-widget__label {
display: none !important;
}
}

/* If it gets REALLY cramped, hide the whole widget group */
@media (max-width: 860px) {
#sticky-time-widgets.sticky-time-widgets {
display: none !important;
}
}

.mw-parser-output .formula-box {
display: inline-block !important;
width: fit-content !important;
max-width: 100% !important;
}

/* Active TOC item — gold background + dark text */
#vector-toc .vector-toc-list-item-active > a.vector-toc-link {
background-color: #FFD60A !important;
}

#vector-toc .vector-toc-list-item-active > a.vector-toc-link,
#vector-toc .vector-toc-list-item-active > a.vector-toc-link .vector-toc-text {
color: #000814 !important;
}

MediaWiki:Common.css

2026-02-19T16:34:08Z

Sonja says: Undo revision 906 by Sonja says (talk)

/* =========================================================
GLOBAL THEME – MediaWiki 1.45 / Vector 2022
========================================================= */

/* ---------- Keyframes ---------- */
@keyframes gradient {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}

@keyframes float {
0% { transform: translateY(0px) translateX(0px) scale(1); opacity: 0; }
10% { opacity: 1; }
90% { opacity: 1; }
100% { transform: translateY(-100vh) translateX(30px) scale(1.2); opacity: 0; }
}

/* ---------- Animated gradient layer ---------- */
body::before {
content: '';
position: fixed;
inset: 0;
z-index: -2;
background: linear-gradient(-45deg, #000814, #001d3d, #000814, #003566);
background-size: 400% 400%;
animation: gradient 15s ease infinite;
}

/* ---------- Base background reset ---------- */
html,
body,
.vector-feature-page-tools-disabled .mw-page-container,
.vector-feature-page-tools-enabled .mw-page-container {
background: transparent !important;
}

/* Transparent content containers */
.mw-page-container,
.mw-body,
.vector-body {
background: transparent !important;
}

/* ---------- Particle canvas ---------- */
#particle-canvas {
position: fixed;
inset: 0;
z-index: -1;
pointer-events: none;
}

/* ---------- Base text ---------- */
body,
.mw-body,
.mw-body-content,
#mw-content-text,
.vector-body {
color: #fff !important;
}

/* ---------- Headings ---------- */
h1, h2, h3, h4, h5, h6,
.mw-headline,
#firstHeading,
.mw-page-title-main,
.page-Main_Page h1 {
color: #FFC300 !important;
}

/* ---------- Logo ---------- */
.mw-logo-icon,
.mw-logo-icon img,
.mw-logo img,
.mw-logo a.mw-logo-container img {
height: 100px !important;
width: auto !important;
max-height: 100px !important;
}
.mw-logo-icon { background-size: auto 100px !important; }

@media (max-width: 720px) {
.mw-logo-icon,
.mw-logo-icon img,
.mw-logo img,
.mw-logo a.mw-logo-container img {
height: 32px !important;
max-height: 32px !important;
}
.mw-logo-icon { background-size: auto 32px !important; }
}

/* ---------- Header ---------- */
.vector-header-container,
.vector-header,
#mw-header-container,
.mw-header {
background: #000814 !important;
border-bottom: 2px solid #FFC300 !important;
}

/* Site name */
.mw-logo-wordmark,
.mw-logo-wordmark a {
color: #FFC300 !important;
font-size: 1.8em !important;
font-weight: bold !important;
text-decoration: none !important;
}
.mw-logo-wordmark a:hover { color: #FFD60A !important; }

/* Sidebar headings */
.vector-pinnable-header-label,
.vector-main-menu-heading,
.mw-portlet h3 {
color: #FFC300 !important;
}

/* =========================================================
PAGE CONTENT LINKS
========================================================= */
.mw-parser-output a { color: #4DA3FF !important; }
.mw-parser-output a:visited { color: #9B7CFF !important; }
.mw-parser-output a:hover { color: #6BB6FF !important; text-decoration: underline; }
.mw-parser-output a:active { color: #1F4FA3 !important; }
.mw-parser-output a.new,
.mw-parser-output a.new:visited { color: #CC2200 !important; }

/* Optional: keep only if something is overriding text colors inside articles */
/* .mw-parser-output { color: #fff !important; } */

/* =========================================================
GLOBAL TABLE THEME (ALL PAGES)
========================================================= */

.mw-parser-output .wikitable {
width: auto !important; /* stop full-width */
display: inline-table !important;/* shrink-wrap to content */
max-width: 100% !important; /* don’t overflow the page */
border-collapse: collapse !important;
margin: 0.75em 0;
background: #303030 !important;
border: 1px solid #555555 !important;
}

.mw-parser-output .wikitable caption {
background: #001D3D !important;
color: #fff !important;
font-weight: bold;
padding: 0.5em 0.7em !important;
border-bottom: 1px solid #555555 !important;
}

.mw-parser-output .wikitable thead th {
background: #000 !important;
color: #EAEAEA !important;
font-weight: 700;
border: 1px solid #666666 !important;
padding: 0.5em 0.7em !important;
}

.mw-parser-output .wikitable tbody tr:nth-child(odd) { background-color: #303030 !important; }
.mw-parser-output .wikitable tbody tr:nth-child(even) { background-color: #505050 !important; }

.mw-parser-output .wikitable tbody td {
border: 1px solid #555555 !important;
color: #EAEAEA !important;
padding: 0.5em 0.7em !important;
}

/* =========================================================
TABLE OF CONTENTS – Vector 2022
========================================================= */
#vector-toc,
#toc {
background: #001D3D !important;
border: 1px solid #FFC300 !important;
border-radius: 6px;
padding: 0.75em;
}

#vector-toc .vector-pinnable-header-label,
#toc .toctitle {
color: #FFC300 !important;
font-weight: bold;
}

#vector-toc .vector-toc-text,
#toc a {
color: #EAEAEA !important;
opacity: 1 !important;
text-decoration: none;
}

/* Active item */
#vector-toc .vector-toc-list-item-active { background: transparent !important; }
#vector-toc .vector-toc-list-item-active > a.vector-toc-link { background-color: #FFD60A !important; }
#vector-toc .vector-toc-list-item-active > a.vector-toc-link .vector-toc-text {
color: #000814 !important;
font-weight: 700 !important;
}

/* Expanded parent rules */
#vector-toc .vector-toc-level-1.vector-toc-list-item-expanded > a.vector-toc-link .vector-toc-text {
color: #FFC300 !important;
font-weight: 600 !important;
}
#vector-toc .vector-toc-level-1.vector-toc-list-item-expanded.vector-toc-list-item-active > a.vector-toc-link .vector-toc-text {
color: #000814 !important;
font-weight: 700 !important;
}
#vector-toc .vector-toc-level-1.vector-toc-list-item-expanded ul .vector-toc-text {
color: #EAEAEA !important;
font-weight: normal !important;
}

/* Hover */
#vector-toc .vector-toc-list-item:not(.vector-toc-list-item-active) > a.vector-toc-link:hover .vector-toc-text {
color: #FFD60A !important;
}
#vector-toc .vector-toc-list-item-active > a.vector-toc-link:hover .vector-toc-text {
color: #000814 !important;
}

/* Remove wrappers */
.vector-toc-container,
#vector-toc-pinned-container,
.vector-pinned-container {
background: transparent !important;
border: none !important;
box-shadow: none !important;
}

/* Inline (article) TOC only */
.mw-parser-output > .toc {
background: #001D3D !important;
border: 1px solid #FFC300 !important;
}

/* =========================================================
Formula Boxes
========================================================= */
.formula-box {
display: inline-block !important; /* shrink to fit */
width: auto !important; /* no full width */
max-width: 100% !important; /* prevent overflow */
background: #001D3D;
border: 1px solid #FFC300;
border-radius: 10px;
padding: 0.8em 1em;
margin: 0.75em 0;
color: #EAEAEA;
line-height: 1.6;
white-space: normal;
overflow-wrap: anywhere;
}

.formula-box a { color: #4DA3FF !important; }
.formula-box a:visited { color: #9B7CFF !important; }

/* =========================
Vector 2022 – RIGHT PAGE TOOLS: remove the fade/gradient
========================= */
.vector-page-tools::before,
.vector-page-tools::after,
.vector-page-tools-container::before,
.vector-page-tools-container::after,
.vector-page-tools-landmark::before,
.vector-page-tools-landmark::after,
.vector-sticky-pinned-container::before,
.vector-sticky-pinned-container::after,
.vector-page-tools .vector-sticky-pinned-container::before,
.vector-page-tools .vector-sticky-pinned-container::after {
background: none !important;
background-image: none !important;
box-shadow: none !important;
filter: none !important;
backdrop-filter: none !important;
mask-image: none !important;
-webkit-mask-image: none !important;
}

/* Change Navigation Icon/Link Colors */
#mw-panel .portal a,
#mw-panel .portal a:visited {
color: #FFC300 !important; /* Change to your desired color */
}

/* Change Footer Link Colors */
div#footer ul li a,
div#footer ul li a:visited {
color: #FFC300 !important; /* Change to your desired color */
}

/* Change Footer Text and Icons */
div#footer ul li {
color: #FFC300 !important;
}

/* Change Navigation Icon/Link Colors */
#mw-panel .portal a,
#mw-panel .portal a:visited {
color: #FFC300 !important; /* Change to your desired color */
}

/* ===== NAVIGATION ICONS - VECTOR 2022 ===== */
/* User menu icon (person icon) */
.vector-user-links .vector-icon,
.vector-user-menu-login .vector-icon,
.vector-user-menu-create-account .vector-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* Settings/hamburger menu icon */
.vector-main-menu-action-toggle .vector-icon,
.vector-page-tools-landmark .vector-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* All navigation icons */
.vector-icon,
.mw-ui-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* User menu links (username) */
.vector-user-links a,
.vector-user-menu-logged-in .vector-user-links-main a {
color: #FFC300 !important;
}

/* ===== FOOTER LINKS - VECTOR 2022 ===== */
/* All footer links */
#footer a,
#footer a:link,
#footer a:visited,
.mw-footer a,
.mw-footer a:link,
.mw-footer a:visited,
footer a,
footer a:link,
footer a:visited {
color: #FFC300 !important;
}

/* Footer text color */
#footer,
#footer li,
.mw-footer,
.mw-footer li,
footer,
footer li {
color: #FFC300 !important;
}

/* Older footer selectors (keeping for compatibility) */
div#footer ul li a,
div#footer ul li a:visited {
color: #FFC300 !important;
}

div#footer ul li {
color: #FFC300 !important;
}

/* =========================================================
VECTOR 2022 – PAGE ACTIONS / TABS COLOR CONTROL
Applies to: Main Page | Discussion | Read | Edit | History | Tools
========================================================= */

/* Default page action links (not active) */
.vector-page-toolbar a,
.vector-page-toolbar a:link,
.vector-page-toolbar a:visited,
.vector-page-toolbar .mw-ui-icon a {
color: #FFC300 !important;
}

/* Hover state (optional subtle brighten) */
.vector-page-toolbar a:hover {
color: #FFD60A !important;
}

/* ACTIVE / CURRENT TAB (e.g. Main Page, Edit when editing) */
.vector-page-toolbar .selected a,
.vector-page-toolbar .mw-ui-button.mw-ui-progressive,
.vector-page-toolbar .mw-ui-button.mw-ui-progressive:visited {
color: #FFFFFF !important;
}

/* Ensure active tab background doesn't force dark text */
.vector-page-toolbar .selected a,
.vector-page-toolbar .selected span {
color: #FFFFFF !important;
}

/* Missing page links stay red */
.vector-page-toolbar a.new,
.vector-page-toolbar a.new:visited {
color: #CC2200 !important;
}

/* ============ NAVPILLS ============ */
/* Navpills styling */
.navpills-container {
margin: 1.5em 0;
padding: 0;
}

.navpills {
display: flex;
flex-wrap: wrap;
gap: 0.8em;
list-style: none;
margin: 0;
padding: 0;
}

.navpill-item {
display: inline-block;
}

.navpill-item a {
text-decoration: none !important;
}

.navpill-item a span {
display: inline-block;
padding: 0.7em 1.3em;
background: linear-gradient(135deg, #003566 0%, #001D3D 100%);
color: #FFC300 !important;
border: 2px solid #FFC300;
border-radius: 6px;
font-weight: bold;
text-decoration: none;
transition: all 0.3s ease;
font-size: 1.05em;
box-shadow: 0 2px 8px rgba(255, 195, 0, 0.2);
}

.navpill-item a:hover span {
background: linear-gradient(135deg, #FFC300 0%, #FFD60A 100%);
color: #000814 !important;
border-color: #FFD60A;
box-shadow: 0 4px 12px rgba(255, 195, 0, 0.4);
transform: translateY(-2px);
}

/* Mobile responsive */
@media (max-width: 768px) {
.navpills {
flex-direction: column;
}

.navpill-item {
width: 100%;
}

.navpill-item a span {
display: block;
text-align: center;
}
}

/* ============ TABS ============ */
/* CSS-Only Tabs */
.wiki-tabs-container-css {
margin: 2em 0;
background: linear-gradient(180deg, #001D3D 0%, #000814 100%);
border: 2px solid #FFC300;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 15px rgba(255, 195, 0, 0.2);
}

/* Hide radio buttons */
.wiki-tab-radio {
display: none;
}

/* Tab Labels (Buttons) */
.wiki-tab-label {
display: inline-block;
padding: 1em 1.5em;
background: #001D3D;
color: #FFC300;
border-right: 1px solid rgba(255, 195, 0, 0.3);
font-size: 1.1em;
font-weight: bold;
cursor: pointer;
transition: all 0.3s ease;
text-align: center;
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, serif;
margin: 0;
border-bottom: 2px solid #000814;
}

.wiki-tab-label:hover {
background: #003566;
color: #FFD60A;
}

/* Active tab style */
.wiki-tab-radio:checked + .wiki-tab-label {
background: #FFC300;
color: #000814;
border-bottom: 3px solid #FFD60A;
}

/* Tab Content */
.wiki-tab-content {
display: none;
padding: 2em;
color: #FFFFFF;
}

/* Show content when tab is checked */
.wiki-tab-radio:checked ~ .wiki-tab-content {
display: block;
}

/* Mobile Responsive */
@media (max-width: 768px) {
.wiki-tab-label {
display: block;
width: 100%;
border-right: none;
border-bottom: 1px solid rgba(255, 195, 0, 0.3);
}
}

/* =========================================================
STICKY HEADER FIX - Keep blue background when scrolling
========================================================= */

/* Sticky header container */
.vector-sticky-header,
.vector-sticky-header-container {
background: #000814 !important;
border-bottom: 2px solid #FFC300 !important;
}

/* Sticky header elements */
.vector-sticky-header-start,
.vector-sticky-header-end,
.vector-sticky-header-context-bar {
background: #000814 !important;
}

/* Page title in sticky header */
.vector-sticky-header-context-bar-primary,
.vector-sticky-header .mw-page-title-main {
color: #FFC300 !important;
}

/* Sticky header buttons and icons */
.vector-sticky-header button,
.vector-sticky-header .vector-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* Sticky header links */
.vector-sticky-header a {
color: #FFC300 !important;
}

/* Race table text override */
.racebox td {
color: black !important;
}

.racebox th {
color: white !important; /* keeps your header colors */
}

/* Equal-width navpills grid */
.navpills-equal-grid .navpills {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 1em !important;
}

.navpills-equal-grid .navpill-item {
width: 100% !important;
display: block !important;
}

.navpills-equal-grid .navpill-item a span {
display: block !important;
width: 100% !important;
text-align: center !important;
padding: 0.5em !important;
box-sizing: border-box !important;
}

@media (max-width: 768px) {
.navpills-equal-grid .navpills {
grid-template-columns: 1fr !important;
}
}

/* Race card buttons with hover animation */
.race-card {
display: block;
text-align: center;
padding: 1.5em 1em;
background: linear-gradient(135deg, #003566 0%, #001D3D 100%);
border: 2px solid #FFC300;
border-radius: 8px;
transition: all 0.3s ease;
box-shadow: 0 2px 8px rgba(255, 195, 0, 0.2);
text-decoration: none;
}

.race-card:hover {
background: linear-gradient(135deg, #FFC300 0%, #FFD60A 100%);
border-color: #FFD60A;
box-shadow: 0 4px 12px rgba(255, 195, 0, 0.4);
transform: translateY(-4px);
}

.race-card img {
display: block;
margin: 0 auto;
transition: transform 0.3s ease;
}

.race-card:hover img {
transform: scale(1.05);
}

.race-card-name {
margin-top: 0.8em;
font-size: 1.2em;
font-weight: bold;
color: #FFC300;
transition: color 0.3s ease;
}

.race-card:hover .race-card-name {
color: #000814;
}

/* =========================================================
Sticky header: center ONLY the time widgets (safe flex method)
Works with the CLEAN JS (header-widget classes)
========================================================= */

/* Keep the icons row as a flex line */
.vector-sticky-header-icons {
display: flex !important;
align-items: center !important;
gap: 10px !important;
}

/* Center container (inserted by JS) */
#sticky-time-widgets.sticky-time-widgets {
margin: 0 auto !important; /* centers the widget group */
display: inline-flex !important;
align-items: center !important;
gap: 14px !important; /* spacing between widgets */
white-space: nowrap !important;
}

/* Each widget pill */
#sticky-time-widgets .header-widget {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
padding: 6px 10px !important;
border: 1px solid #FFC300 !important;
border-radius: 999px !important;
background: linear-gradient(135deg, #003566 0%, #001D3D 100%) !important;
box-shadow: 0 2px 8px rgba(255, 195, 0, 0.18) !important;
line-height: 1 !important;
}

/* Labels + values */
#sticky-time-widgets .header-widget__label {
color: #FFC300 !important;
font-weight: 700 !important;
font-size: 0.95em !important;
}

#sticky-time-widgets .header-widget__value {
color: #FFFFFF !important;
font-weight: 700 !important;
font-variant-numeric: tabular-nums; /* keeps timer width stable */
font-size: 0.95em !important;
}

/* If the header gets cramped, hide labels first */
@media (max-width: 1100px) {
#sticky-time-widgets .header-widget__label {
display: none !important;
}
}

/* If it gets REALLY cramped, hide the whole widget group */
@media (max-width: 860px) {
#sticky-time-widgets.sticky-time-widgets {
display: none !important;
}
}

.mw-parser-output .formula-box {
display: inline-block !important;
width: fit-content !important;
max-width: 100% !important;
}

MediaWiki:Common.css

2026-02-19T16:31:39Z

Sonja says: Undo revision 907 by Sonja says (talk)

/* =========================================================
GLOBAL THEME – MediaWiki 1.45 / Vector 2022
========================================================= */

/* ---------- Keyframes ---------- */
@keyframes gradient {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}

@keyframes float {
0% { transform: translateY(0px) translateX(0px) scale(1); opacity: 0; }
10% { opacity: 1; }
90% { opacity: 1; }
100% { transform: translateY(-100vh) translateX(30px) scale(1.2); opacity: 0; }
}

/* ---------- Animated gradient layer ---------- */
body::before {
content: '';
position: fixed;
inset: 0;
z-index: -2;
background: linear-gradient(-45deg, #000814, #001d3d, #000814, #003566);
background-size: 400% 400%;
animation: gradient 15s ease infinite;
}

/* ---------- Base background reset ---------- */
html,
body,
.vector-feature-page-tools-disabled .mw-page-container,
.vector-feature-page-tools-enabled .mw-page-container {
background: transparent !important;
}

/* Transparent content containers */
.mw-page-container,
.mw-body,
.vector-body {
background: transparent !important;
}

/* ---------- Particle canvas ---------- */
#particle-canvas {
position: fixed;
inset: 0;
z-index: -1;
pointer-events: none;
}

/* ---------- Base text ---------- */
body,
.mw-body,
.mw-body-content,
#mw-content-text,
.vector-body {
color: #fff !important;
}

/* ---------- Headings ---------- */
h1, h2, h3, h4, h5, h6,
.mw-headline,
#firstHeading,
.mw-page-title-main,
.page-Main_Page h1 {
color: #FFC300 !important;
}

/* ---------- Logo ---------- */
.mw-logo-icon,
.mw-logo-icon img,
.mw-logo img,
.mw-logo a.mw-logo-container img {
height: 100px !important;
width: auto !important;
max-height: 100px !important;
}
.mw-logo-icon { background-size: auto 100px !important; }

@media (max-width: 720px) {
.mw-logo-icon,
.mw-logo-icon img,
.mw-logo img,
.mw-logo a.mw-logo-container img {
height: 32px !important;
max-height: 32px !important;
}
.mw-logo-icon { background-size: auto 32px !important; }
}

/* ---------- Header ---------- */
.vector-header-container,
.vector-header,
#mw-header-container,
.mw-header {
background: #000814 !important;
border-bottom: 2px solid #FFC300 !important;
}

/* Site name */
.mw-logo-wordmark,
.mw-logo-wordmark a {
color: #FFC300 !important;
font-size: 1.8em !important;
font-weight: bold !important;
text-decoration: none !important;
}
.mw-logo-wordmark a:hover { color: #FFD60A !important; }

/* Sidebar headings */
.vector-pinnable-header-label,
.vector-main-menu-heading,
.mw-portlet h3 {
color: #FFC300 !important;
}

/* =========================================================
PAGE CONTENT LINKS
========================================================= */
.mw-parser-output a { color: #4DA3FF !important; }
.mw-parser-output a:visited { color: #9B7CFF !important; }
.mw-parser-output a:hover { color: #6BB6FF !important; text-decoration: underline; }
.mw-parser-output a:active { color: #1F4FA3 !important; }
.mw-parser-output a.new,
.mw-parser-output a.new:visited { color: #CC2200 !important; }

/* Optional: keep only if something is overriding text colors inside articles */
/* .mw-parser-output { color: #fff !important; } */

/* =========================================================
GLOBAL TABLE THEME (ALL PAGES)
========================================================= */

.mw-parser-output .wikitable {
width: auto !important; /* stop full-width */
display: inline-table !important;/* shrink-wrap to content */
max-width: 100% !important; /* don’t overflow the page */
border-collapse: collapse !important;
margin: 0.75em 0;
background: #303030 !important;
border: 1px solid #555555 !important;
}

.mw-parser-output .wikitable caption {
background: #001D3D !important;
color: #fff !important;
font-weight: bold;
padding: 0.5em 0.7em !important;
border-bottom: 1px solid #555555 !important;
}

.mw-parser-output .wikitable thead th {
background: #000 !important;
color: #EAEAEA !important;
font-weight: 700;
border: 1px solid #666666 !important;
padding: 0.5em 0.7em !important;
}

.mw-parser-output .wikitable tbody tr:nth-child(odd) { background-color: #303030 !important; }
.mw-parser-output .wikitable tbody tr:nth-child(even) { background-color: #505050 !important; }

.mw-parser-output .wikitable tbody td {
border: 1px solid #555555 !important;
color: #EAEAEA !important;
padding: 0.5em 0.7em !important;
}

/* =========================================================
TABLE OF CONTENTS – Vector 2022
========================================================= */
#vector-toc,
#toc {
background: #001D3D !important;
border: 1px solid #FFC300 !important;
border-radius: 6px;
padding: 0.75em;
}

#vector-toc .vector-pinnable-header-label,
#toc .toctitle {
color: #FFC300 !important;
font-weight: bold;
}

#vector-toc .vector-toc-text,
#toc a {
color: #EAEAEA !important;
opacity: 1 !important;
text-decoration: none;
}

/* Active item */
#vector-toc .vector-toc-list-item-active { background: transparent !important; }
#vector-toc .vector-toc-list-item-active > a.vector-toc-link { background-color: #FFD60A !important; }
#vector-toc .vector-toc-list-item-active > a.vector-toc-link .vector-toc-text {
color: #000814 !important;
font-weight: 700 !important;
}

/* Expanded parent rules */
#vector-toc .vector-toc-level-1.vector-toc-list-item-expanded > a.vector-toc-link .vector-toc-text {
color: #FFC300 !important;
font-weight: 600 !important;
}
#vector-toc .vector-toc-level-1.vector-toc-list-item-expanded.vector-toc-list-item-active > a.vector-toc-link .vector-toc-text {
color: #000814 !important;
font-weight: 700 !important;
}
#vector-toc .vector-toc-level-1.vector-toc-list-item-expanded ul .vector-toc-text {
color: #EAEAEA !important;
font-weight: normal !important;
}

/* Hover */
#vector-toc .vector-toc-list-item:not(.vector-toc-list-item-active) > a.vector-toc-link:hover .vector-toc-text {
color: #FFD60A !important;
}
#vector-toc .vector-toc-list-item-active > a.vector-toc-link:hover .vector-toc-text {
color: #000814 !important;
}

/* Remove wrappers */
.vector-toc-container,
#vector-toc-pinned-container,
.vector-pinned-container {
background: transparent !important;
border: none !important;
box-shadow: none !important;
}

/* Inline (article) TOC only */
.mw-parser-output > .toc {
background: #001D3D !important;
border: 1px solid #FFC300 !important;
}

/* =========================================================
Formula Boxes
========================================================= */
.formula-box {
display: inline-block !important; /* shrink to fit */
width: auto !important; /* no full width */
max-width: 100% !important; /* prevent overflow */
background: #001D3D;
border: 1px solid #FFC300;
border-radius: 10px;
padding: 0.8em 1em;
margin: 0.75em 0;
color: #EAEAEA;
line-height: 1.6;
white-space: normal;
overflow-wrap: anywhere;
}

.formula-box a { color: #4DA3FF !important; }
.formula-box a:visited { color: #9B7CFF !important; }

/* =========================
Vector 2022 – RIGHT PAGE TOOLS: remove the fade/gradient
========================= */
.vector-page-tools::before,
.vector-page-tools::after,
.vector-page-tools-container::before,
.vector-page-tools-container::after,
.vector-page-tools-landmark::before,
.vector-page-tools-landmark::after,
.vector-sticky-pinned-container::before,
.vector-sticky-pinned-container::after,
.vector-page-tools .vector-sticky-pinned-container::before,
.vector-page-tools .vector-sticky-pinned-container::after {
background: none !important;
background-image: none !important;
box-shadow: none !important;
filter: none !important;
backdrop-filter: none !important;
mask-image: none !important;
-webkit-mask-image: none !important;
}

/* Change Navigation Icon/Link Colors */
#mw-panel .portal a,
#mw-panel .portal a:visited {
color: #FFC300 !important; /* Change to your desired color */
}

/* Change Footer Link Colors */
div#footer ul li a,
div#footer ul li a:visited {
color: #FFC300 !important; /* Change to your desired color */
}

/* Change Footer Text and Icons */
div#footer ul li {
color: #FFC300 !important;
}

/* Change Navigation Icon/Link Colors */
#mw-panel .portal a,
#mw-panel .portal a:visited {
color: #FFC300 !important; /* Change to your desired color */
}

/* ===== NAVIGATION ICONS - VECTOR 2022 ===== */
/* User menu icon (person icon) */
.vector-user-links .vector-icon,
.vector-user-menu-login .vector-icon,
.vector-user-menu-create-account .vector-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* Settings/hamburger menu icon */
.vector-main-menu-action-toggle .vector-icon,
.vector-page-tools-landmark .vector-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* All navigation icons */
.vector-icon,
.mw-ui-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* User menu links (username) */
.vector-user-links a,
.vector-user-menu-logged-in .vector-user-links-main a {
color: #FFC300 !important;
}

/* ===== FOOTER LINKS - VECTOR 2022 ===== */
/* All footer links */
#footer a,
#footer a:link,
#footer a:visited,
.mw-footer a,
.mw-footer a:link,
.mw-footer a:visited,
footer a,
footer a:link,
footer a:visited {
color: #FFC300 !important;
}

/* Footer text color */
#footer,
#footer li,
.mw-footer,
.mw-footer li,
footer,
footer li {
color: #FFC300 !important;
}

/* Older footer selectors (keeping for compatibility) */
div#footer ul li a,
div#footer ul li a:visited {
color: #FFC300 !important;
}

div#footer ul li {
color: #FFC300 !important;
}

/* =========================================================
VECTOR 2022 – PAGE ACTIONS / TABS COLOR CONTROL
Applies to: Main Page | Discussion | Read | Edit | History | Tools
========================================================= */

/* Default page action links (not active) */
.vector-page-toolbar a,
.vector-page-toolbar a:link,
.vector-page-toolbar a:visited,
.vector-page-toolbar .mw-ui-icon a {
color: #FFC300 !important;
}

/* Hover state (optional subtle brighten) */
.vector-page-toolbar a:hover {
color: #FFD60A !important;
}

/* ACTIVE / CURRENT TAB (e.g. Main Page, Edit when editing) */
.vector-page-toolbar .selected a,
.vector-page-toolbar .mw-ui-button.mw-ui-progressive,
.vector-page-toolbar .mw-ui-button.mw-ui-progressive:visited {
color: #FFFFFF !important;
}

/* Ensure active tab background doesn't force dark text */
.vector-page-toolbar .selected a,
.vector-page-toolbar .selected span {
color: #FFFFFF !important;
}

/* Missing page links stay red */
.vector-page-toolbar a.new,
.vector-page-toolbar a.new:visited {
color: #CC2200 !important;
}

/* ============ NAVPILLS ============ */
/* Navpills styling */
.navpills-container {
margin: 1.5em 0;
padding: 0;
}

.navpills {
display: flex;
flex-wrap: wrap;
gap: 0.8em;
list-style: none;
margin: 0;
padding: 0;
}

.navpill-item {
display: inline-block;
}

.navpill-item a {
text-decoration: none !important;
}

.navpill-item a span {
display: inline-block;
padding: 0.7em 1.3em;
background: linear-gradient(135deg, #003566 0%, #001D3D 100%);
color: #FFC300 !important;
border: 2px solid #FFC300;
border-radius: 6px;
font-weight: bold;
text-decoration: none;
transition: all 0.3s ease;
font-size: 1.05em;
box-shadow: 0 2px 8px rgba(255, 195, 0, 0.2);
}

.navpill-item a:hover span {
background: linear-gradient(135deg, #FFC300 0%, #FFD60A 100%);
color: #000814 !important;
border-color: #FFD60A;
box-shadow: 0 4px 12px rgba(255, 195, 0, 0.4);
transform: translateY(-2px);
}

/* Mobile responsive */
@media (max-width: 768px) {
.navpills {
flex-direction: column;
}

.navpill-item {
width: 100%;
}

.navpill-item a span {
display: block;
text-align: center;
}
}

/* ============ TABS ============ */
/* CSS-Only Tabs */
.wiki-tabs-container-css {
margin: 2em 0;
background: linear-gradient(180deg, #001D3D 0%, #000814 100%);
border: 2px solid #FFC300;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 15px rgba(255, 195, 0, 0.2);
}

/* Hide radio buttons */
.wiki-tab-radio {
display: none;
}

/* Tab Labels (Buttons) */
.wiki-tab-label {
display: inline-block;
padding: 1em 1.5em;
background: #001D3D;
color: #FFC300;
border-right: 1px solid rgba(255, 195, 0, 0.3);
font-size: 1.1em;
font-weight: bold;
cursor: pointer;
transition: all 0.3s ease;
text-align: center;
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, serif;
margin: 0;
border-bottom: 2px solid #000814;
}

.wiki-tab-label:hover {
background: #003566;
color: #FFD60A;
}

/* Active tab style */
.wiki-tab-radio:checked + .wiki-tab-label {
background: #FFC300;
color: #000814;
border-bottom: 3px solid #FFD60A;
}

/* Tab Content */
.wiki-tab-content {
display: none;
padding: 2em;
color: #FFFFFF;
}

/* Show content when tab is checked */
.wiki-tab-radio:checked ~ .wiki-tab-content {
display: block;
}

/* Mobile Responsive */
@media (max-width: 768px) {
.wiki-tab-label {
display: block;
width: 100%;
border-right: none;
border-bottom: 1px solid rgba(255, 195, 0, 0.3);
}
}

/* =========================================================
STICKY HEADER FIX - Keep blue background when scrolling
========================================================= */

/* Sticky header container */
.vector-sticky-header,
.vector-sticky-header-container {
background: #000814 !important;
border-bottom: 2px solid #FFC300 !important;
}

/* Sticky header elements */
.vector-sticky-header-start,
.vector-sticky-header-end,
.vector-sticky-header-context-bar {
background: #000814 !important;
}

/* Page title in sticky header */
.vector-sticky-header-context-bar-primary,
.vector-sticky-header .mw-page-title-main {
color: #FFC300 !important;
}

/* Sticky header buttons and icons */
.vector-sticky-header button,
.vector-sticky-header .vector-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* Sticky header links */
.vector-sticky-header a {
color: #FFC300 !important;
}

/* Race table text override */
.racebox td {
color: black !important;
}

.racebox th {
color: white !important; /* keeps your header colors */
}

/* Equal-width navpills grid */
.navpills-equal-grid .navpills {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 1em !important;
}

.navpills-equal-grid .navpill-item {
width: 100% !important;
display: block !important;
}

.navpills-equal-grid .navpill-item a span {
display: block !important;
width: 100% !important;
text-align: center !important;
padding: 0.5em !important;
box-sizing: border-box !important;
}

@media (max-width: 768px) {
.navpills-equal-grid .navpills {
grid-template-columns: 1fr !important;
}
}

/* Race card buttons with hover animation */
.race-card {
display: block;
text-align: center;
padding: 1.5em 1em;
background: linear-gradient(135deg, #003566 0%, #001D3D 100%);
border: 2px solid #FFC300;
border-radius: 8px;
transition: all 0.3s ease;
box-shadow: 0 2px 8px rgba(255, 195, 0, 0.2);
text-decoration: none;
}

.race-card:hover {
background: linear-gradient(135deg, #FFC300 0%, #FFD60A 100%);
border-color: #FFD60A;
box-shadow: 0 4px 12px rgba(255, 195, 0, 0.4);
transform: translateY(-4px);
}

.race-card img {
display: block;
margin: 0 auto;
transition: transform 0.3s ease;
}

.race-card:hover img {
transform: scale(1.05);
}

.race-card-name {
margin-top: 0.8em;
font-size: 1.2em;
font-weight: bold;
color: #FFC300;
transition: color 0.3s ease;
}

.race-card:hover .race-card-name {
color: #000814;
}

/* =========================================================
Sticky header: center ONLY the time widgets (safe flex method)
Works with the CLEAN JS (header-widget classes)
========================================================= */

/* Keep the icons row as a flex line */
.vector-sticky-header-icons {
display: flex !important;
align-items: center !important;
gap: 10px !important;
}

/* Center container (inserted by JS) */
#sticky-time-widgets.sticky-time-widgets {
margin: 0 auto !important; /* centers the widget group */
display: inline-flex !important;
align-items: center !important;
gap: 14px !important; /* spacing between widgets */
white-space: nowrap !important;
}

/* Each widget pill */
#sticky-time-widgets .header-widget {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
padding: 6px 10px !important;
border: 1px solid #FFC300 !important;
border-radius: 999px !important;
background: linear-gradient(135deg, #003566 0%, #001D3D 100%) !important;
box-shadow: 0 2px 8px rgba(255, 195, 0, 0.18) !important;
line-height: 1 !important;
}

/* Labels + values */
#sticky-time-widgets .header-widget__label {
color: #FFC300 !important;
font-weight: 700 !important;
font-size: 0.95em !important;
}

#sticky-time-widgets .header-widget__value {
color: #FFFFFF !important;
font-weight: 700 !important;
font-variant-numeric: tabular-nums; /* keeps timer width stable */
font-size: 0.95em !important;
}

/* If the header gets cramped, hide labels first */
@media (max-width: 1100px) {
#sticky-time-widgets .header-widget__label {
display: none !important;
}
}

/* If it gets REALLY cramped, hide the whole widget group */
@media (max-width: 860px) {
#sticky-time-widgets.sticky-time-widgets {
display: none !important;
}
}

.mw-parser-output .formula-box {
display: inline-block !important;
width: fit-content !important;
max-width: 100% !important;
}

/* TOC hover = gold background + black text */
#vector-toc .vector-toc-list-item > a.vector-toc-link:hover,
#vector-toc .vector-toc-list-item > a.vector-toc-link:focus {
background-color: #FFD60A !important;
}

#vector-toc .vector-toc-list-item > a.vector-toc-link:hover .vector-toc-text,
#vector-toc .vector-toc-list-item > a.vector-toc-link:focus .vector-toc-text {
color: #000814 !important;
font-weight: 700 !important;
}

MediaWiki:Common.css

2026-02-19T16:30:30Z

Sonja says:

/* =========================================================
GLOBAL THEME – MediaWiki 1.45 / Vector 2022
========================================================= */

/* ---------- Keyframes ---------- */
@keyframes gradient {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}

@keyframes float {
0% { transform: translateY(0px) translateX(0px) scale(1); opacity: 0; }
10% { opacity: 1; }
90% { opacity: 1; }
100% { transform: translateY(-100vh) translateX(30px) scale(1.2); opacity: 0; }
}

/* ---------- Animated gradient layer ---------- */
body::before {
content: '';
position: fixed;
inset: 0;
z-index: -2;
background: linear-gradient(-45deg, #000814, #001d3d, #000814, #003566);
background-size: 400% 400%;
animation: gradient 15s ease infinite;
}

/* ---------- Base background reset ---------- */
html,
body,
.vector-feature-page-tools-disabled .mw-page-container,
.vector-feature-page-tools-enabled .mw-page-container {
background: transparent !important;
}

/* Transparent content containers */
.mw-page-container,
.mw-body,
.vector-body {
background: transparent !important;
}

/* ---------- Particle canvas ---------- */
#particle-canvas {
position: fixed;
inset: 0;
z-index: -1;
pointer-events: none;
}

/* ---------- Base text ---------- */
body,
.mw-body,
.mw-body-content,
#mw-content-text,
.vector-body {
color: #fff !important;
}

/* ---------- Headings ---------- */
h1, h2, h3, h4, h5, h6,
.mw-headline,
#firstHeading,
.mw-page-title-main,
.page-Main_Page h1 {
color: #FFC300 !important;
}

/* ---------- Logo ---------- */
.mw-logo-icon,
.mw-logo-icon img,
.mw-logo img,
.mw-logo a.mw-logo-container img {
height: 100px !important;
width: auto !important;
max-height: 100px !important;
}
.mw-logo-icon { background-size: auto 100px !important; }

@media (max-width: 720px) {
.mw-logo-icon,
.mw-logo-icon img,
.mw-logo img,
.mw-logo a.mw-logo-container img {
height: 32px !important;
max-height: 32px !important;
}
.mw-logo-icon { background-size: auto 32px !important; }
}

/* ---------- Header ---------- */
.vector-header-container,
.vector-header,
#mw-header-container,
.mw-header {
background: #000814 !important;
border-bottom: 2px solid #FFC300 !important;
}

/* Site name */
.mw-logo-wordmark,
.mw-logo-wordmark a {
color: #FFC300 !important;
font-size: 1.8em !important;
font-weight: bold !important;
text-decoration: none !important;
}
.mw-logo-wordmark a:hover { color: #FFD60A !important; }

/* Sidebar headings */
.vector-pinnable-header-label,
.vector-main-menu-heading,
.mw-portlet h3 {
color: #FFC300 !important;
}

/* =========================================================
PAGE CONTENT LINKS
========================================================= */
.mw-parser-output a { color: #4DA3FF !important; }
.mw-parser-output a:visited { color: #9B7CFF !important; }
.mw-parser-output a:hover { color: #6BB6FF !important; text-decoration: underline; }
.mw-parser-output a:active { color: #1F4FA3 !important; }
.mw-parser-output a.new,
.mw-parser-output a.new:visited { color: #CC2200 !important; }

/* Optional: keep only if something is overriding text colors inside articles */
/* .mw-parser-output { color: #fff !important; } */

/* =========================================================
GLOBAL TABLE THEME (ALL PAGES)
========================================================= */

.mw-parser-output .wikitable {
width: auto !important; /* stop full-width */
display: inline-table !important;/* shrink-wrap to content */
max-width: 100% !important; /* don’t overflow the page */
border-collapse: collapse !important;
margin: 0.75em 0;
background: #303030 !important;
border: 1px solid #555555 !important;
}

.mw-parser-output .wikitable caption {
background: #001D3D !important;
color: #fff !important;
font-weight: bold;
padding: 0.5em 0.7em !important;
border-bottom: 1px solid #555555 !important;
}

.mw-parser-output .wikitable thead th {
background: #000 !important;
color: #EAEAEA !important;
font-weight: 700;
border: 1px solid #666666 !important;
padding: 0.5em 0.7em !important;
}

.mw-parser-output .wikitable tbody tr:nth-child(odd) { background-color: #303030 !important; }
.mw-parser-output .wikitable tbody tr:nth-child(even) { background-color: #505050 !important; }

.mw-parser-output .wikitable tbody td {
border: 1px solid #555555 !important;
color: #EAEAEA !important;
padding: 0.5em 0.7em !important;
}

/* =========================================================
TABLE OF CONTENTS – Vector 2022
========================================================= */
#vector-toc,
#toc {
background: #001D3D !important;
border: 1px solid #FFC300 !important;
border-radius: 6px;
padding: 0.75em;
}

#vector-toc .vector-pinnable-header-label,
#toc .toctitle {
color: #FFC300 !important;
font-weight: bold;
}

#vector-toc .vector-toc-text,
#toc a {
color: #EAEAEA !important;
opacity: 1 !important;
text-decoration: none;
}

/* Active item */
#vector-toc .vector-toc-list-item-active { background: transparent !important; }
#vector-toc .vector-toc-list-item-active > a.vector-toc-link { background-color: #FFD60A !important; }
#vector-toc .vector-toc-list-item-active > a.vector-toc-link .vector-toc-text {
color: #000814 !important;
font-weight: 700 !important;
}

/* Expanded parent rules */
#vector-toc .vector-toc-level-1.vector-toc-list-item-expanded > a.vector-toc-link .vector-toc-text {
color: #FFC300 !important;
font-weight: 600 !important;
}
#vector-toc .vector-toc-level-1.vector-toc-list-item-expanded.vector-toc-list-item-active > a.vector-toc-link .vector-toc-text {
color: #000814 !important;
font-weight: 700 !important;
}
#vector-toc .vector-toc-level-1.vector-toc-list-item-expanded ul .vector-toc-text {
color: #EAEAEA !important;
font-weight: normal !important;
}

/* Hover */
#vector-toc .vector-toc-list-item:not(.vector-toc-list-item-active) > a.vector-toc-link:hover .vector-toc-text {
color: #FFD60A !important;
}
#vector-toc .vector-toc-list-item-active > a.vector-toc-link:hover .vector-toc-text {
color: #000814 !important;
}

/* Remove wrappers */
.vector-toc-container,
#vector-toc-pinned-container,
.vector-pinned-container {
background: transparent !important;
border: none !important;
box-shadow: none !important;
}

/* Inline (article) TOC only */
.mw-parser-output > .toc {
background: #001D3D !important;
border: 1px solid #FFC300 !important;
}

/* =========================================================
Formula Boxes
========================================================= */
.formula-box {
display: inline-block !important; /* shrink to fit */
width: auto !important; /* no full width */
max-width: 100% !important; /* prevent overflow */
background: #001D3D;
border: 1px solid #FFC300;
border-radius: 10px;
padding: 0.8em 1em;
margin: 0.75em 0;
color: #EAEAEA;
line-height: 1.6;
white-space: normal;
overflow-wrap: anywhere;
}

.formula-box a { color: #4DA3FF !important; }
.formula-box a:visited { color: #9B7CFF !important; }

/* =========================
Vector 2022 – RIGHT PAGE TOOLS: remove the fade/gradient
========================= */
.vector-page-tools::before,
.vector-page-tools::after,
.vector-page-tools-container::before,
.vector-page-tools-container::after,
.vector-page-tools-landmark::before,
.vector-page-tools-landmark::after,
.vector-sticky-pinned-container::before,
.vector-sticky-pinned-container::after,
.vector-page-tools .vector-sticky-pinned-container::before,
.vector-page-tools .vector-sticky-pinned-container::after {
background: none !important;
background-image: none !important;
box-shadow: none !important;
filter: none !important;
backdrop-filter: none !important;
mask-image: none !important;
-webkit-mask-image: none !important;
}

/* Change Navigation Icon/Link Colors */
#mw-panel .portal a,
#mw-panel .portal a:visited {
color: #FFC300 !important; /* Change to your desired color */
}

/* Change Footer Link Colors */
div#footer ul li a,
div#footer ul li a:visited {
color: #FFC300 !important; /* Change to your desired color */
}

/* Change Footer Text and Icons */
div#footer ul li {
color: #FFC300 !important;
}

/* Change Navigation Icon/Link Colors */
#mw-panel .portal a,
#mw-panel .portal a:visited {
color: #FFC300 !important; /* Change to your desired color */
}

/* ===== NAVIGATION ICONS - VECTOR 2022 ===== */
/* User menu icon (person icon) */
.vector-user-links .vector-icon,
.vector-user-menu-login .vector-icon,
.vector-user-menu-create-account .vector-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* Settings/hamburger menu icon */
.vector-main-menu-action-toggle .vector-icon,
.vector-page-tools-landmark .vector-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* All navigation icons */
.vector-icon,
.mw-ui-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* User menu links (username) */
.vector-user-links a,
.vector-user-menu-logged-in .vector-user-links-main a {
color: #FFC300 !important;
}

/* ===== FOOTER LINKS - VECTOR 2022 ===== */
/* All footer links */
#footer a,
#footer a:link,
#footer a:visited,
.mw-footer a,
.mw-footer a:link,
.mw-footer a:visited,
footer a,
footer a:link,
footer a:visited {
color: #FFC300 !important;
}

/* Footer text color */
#footer,
#footer li,
.mw-footer,
.mw-footer li,
footer,
footer li {
color: #FFC300 !important;
}

/* Older footer selectors (keeping for compatibility) */
div#footer ul li a,
div#footer ul li a:visited {
color: #FFC300 !important;
}

div#footer ul li {
color: #FFC300 !important;
}

/* =========================================================
VECTOR 2022 – PAGE ACTIONS / TABS COLOR CONTROL
Applies to: Main Page | Discussion | Read | Edit | History | Tools
========================================================= */

/* Default page action links (not active) */
.vector-page-toolbar a,
.vector-page-toolbar a:link,
.vector-page-toolbar a:visited,
.vector-page-toolbar .mw-ui-icon a {
color: #FFC300 !important;
}

/* Hover state (optional subtle brighten) */
.vector-page-toolbar a:hover {
color: #FFD60A !important;
}

/* ACTIVE / CURRENT TAB (e.g. Main Page, Edit when editing) */
.vector-page-toolbar .selected a,
.vector-page-toolbar .mw-ui-button.mw-ui-progressive,
.vector-page-toolbar .mw-ui-button.mw-ui-progressive:visited {
color: #FFFFFF !important;
}

/* Ensure active tab background doesn't force dark text */
.vector-page-toolbar .selected a,
.vector-page-toolbar .selected span {
color: #FFFFFF !important;
}

/* Missing page links stay red */
.vector-page-toolbar a.new,
.vector-page-toolbar a.new:visited {
color: #CC2200 !important;
}

/* ============ NAVPILLS ============ */
/* Navpills styling */
.navpills-container {
margin: 1.5em 0;
padding: 0;
}

.navpills {
display: flex;
flex-wrap: wrap;
gap: 0.8em;
list-style: none;
margin: 0;
padding: 0;
}

.navpill-item {
display: inline-block;
}

.navpill-item a {
text-decoration: none !important;
}

.navpill-item a span {
display: inline-block;
padding: 0.7em 1.3em;
background: linear-gradient(135deg, #003566 0%, #001D3D 100%);
color: #FFC300 !important;
border: 2px solid #FFC300;
border-radius: 6px;
font-weight: bold;
text-decoration: none;
transition: all 0.3s ease;
font-size: 1.05em;
box-shadow: 0 2px 8px rgba(255, 195, 0, 0.2);
}

.navpill-item a:hover span {
background: linear-gradient(135deg, #FFC300 0%, #FFD60A 100%);
color: #000814 !important;
border-color: #FFD60A;
box-shadow: 0 4px 12px rgba(255, 195, 0, 0.4);
transform: translateY(-2px);
}

/* Mobile responsive */
@media (max-width: 768px) {
.navpills {
flex-direction: column;
}

.navpill-item {
width: 100%;
}

.navpill-item a span {
display: block;
text-align: center;
}
}

/* ============ TABS ============ */
/* CSS-Only Tabs */
.wiki-tabs-container-css {
margin: 2em 0;
background: linear-gradient(180deg, #001D3D 0%, #000814 100%);
border: 2px solid #FFC300;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 15px rgba(255, 195, 0, 0.2);
}

/* Hide radio buttons */
.wiki-tab-radio {
display: none;
}

/* Tab Labels (Buttons) */
.wiki-tab-label {
display: inline-block;
padding: 1em 1.5em;
background: #001D3D;
color: #FFC300;
border-right: 1px solid rgba(255, 195, 0, 0.3);
font-size: 1.1em;
font-weight: bold;
cursor: pointer;
transition: all 0.3s ease;
text-align: center;
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, serif;
margin: 0;
border-bottom: 2px solid #000814;
}

.wiki-tab-label:hover {
background: #003566;
color: #FFD60A;
}

/* Active tab style */
.wiki-tab-radio:checked + .wiki-tab-label {
background: #FFC300;
color: #000814;
border-bottom: 3px solid #FFD60A;
}

/* Tab Content */
.wiki-tab-content {
display: none;
padding: 2em;
color: #FFFFFF;
}

/* Show content when tab is checked */
.wiki-tab-radio:checked ~ .wiki-tab-content {
display: block;
}

/* Mobile Responsive */
@media (max-width: 768px) {
.wiki-tab-label {
display: block;
width: 100%;
border-right: none;
border-bottom: 1px solid rgba(255, 195, 0, 0.3);
}
}

/* =========================================================
STICKY HEADER FIX - Keep blue background when scrolling
========================================================= */

/* Sticky header container */
.vector-sticky-header,
.vector-sticky-header-container {
background: #000814 !important;
border-bottom: 2px solid #FFC300 !important;
}

/* Sticky header elements */
.vector-sticky-header-start,
.vector-sticky-header-end,
.vector-sticky-header-context-bar {
background: #000814 !important;
}

/* Page title in sticky header */
.vector-sticky-header-context-bar-primary,
.vector-sticky-header .mw-page-title-main {
color: #FFC300 !important;
}

/* Sticky header buttons and icons */
.vector-sticky-header button,
.vector-sticky-header .vector-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* Sticky header links */
.vector-sticky-header a {
color: #FFC300 !important;
}

/* Race table text override */
.racebox td {
color: black !important;
}

.racebox th {
color: white !important; /* keeps your header colors */
}

/* Equal-width navpills grid */
.navpills-equal-grid .navpills {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 1em !important;
}

.navpills-equal-grid .navpill-item {
width: 100% !important;
display: block !important;
}

.navpills-equal-grid .navpill-item a span {
display: block !important;
width: 100% !important;
text-align: center !important;
padding: 0.5em !important;
box-sizing: border-box !important;
}

@media (max-width: 768px) {
.navpills-equal-grid .navpills {
grid-template-columns: 1fr !important;
}
}

/* Race card buttons with hover animation */
.race-card {
display: block;
text-align: center;
padding: 1.5em 1em;
background: linear-gradient(135deg, #003566 0%, #001D3D 100%);
border: 2px solid #FFC300;
border-radius: 8px;
transition: all 0.3s ease;
box-shadow: 0 2px 8px rgba(255, 195, 0, 0.2);
text-decoration: none;
}

.race-card:hover {
background: linear-gradient(135deg, #FFC300 0%, #FFD60A 100%);
border-color: #FFD60A;
box-shadow: 0 4px 12px rgba(255, 195, 0, 0.4);
transform: translateY(-4px);
}

.race-card img {
display: block;
margin: 0 auto;
transition: transform 0.3s ease;
}

.race-card:hover img {
transform: scale(1.05);
}

.race-card-name {
margin-top: 0.8em;
font-size: 1.2em;
font-weight: bold;
color: #FFC300;
transition: color 0.3s ease;
}

.race-card:hover .race-card-name {
color: #000814;
}

/* =========================================================
Sticky header: center ONLY the time widgets (safe flex method)
Works with the CLEAN JS (header-widget classes)
========================================================= */

/* Keep the icons row as a flex line */
.vector-sticky-header-icons {
display: flex !important;
align-items: center !important;
gap: 10px !important;
}

/* Center container (inserted by JS) */
#sticky-time-widgets.sticky-time-widgets {
margin: 0 auto !important; /* centers the widget group */
display: inline-flex !important;
align-items: center !important;
gap: 14px !important; /* spacing between widgets */
white-space: nowrap !important;
}

/* Each widget pill */
#sticky-time-widgets .header-widget {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
padding: 6px 10px !important;
border: 1px solid #FFC300 !important;
border-radius: 999px !important;
background: linear-gradient(135deg, #003566 0%, #001D3D 100%) !important;
box-shadow: 0 2px 8px rgba(255, 195, 0, 0.18) !important;
line-height: 1 !important;
}

/* Labels + values */
#sticky-time-widgets .header-widget__label {
color: #FFC300 !important;
font-weight: 700 !important;
font-size: 0.95em !important;
}

#sticky-time-widgets .header-widget__value {
color: #FFFFFF !important;
font-weight: 700 !important;
font-variant-numeric: tabular-nums; /* keeps timer width stable */
font-size: 0.95em !important;
}

/* If the header gets cramped, hide labels first */
@media (max-width: 1100px) {
#sticky-time-widgets .header-widget__label {
display: none !important;
}
}

/* If it gets REALLY cramped, hide the whole widget group */
@media (max-width: 860px) {
#sticky-time-widgets.sticky-time-widgets {
display: none !important;
}
}

.mw-parser-output .formula-box {
display: inline-block !important;
width: fit-content !important;
max-width: 100% !important;
}

#vector-toc .vector-toc-list-item-active > a.vector-toc-link .vector-toc-text {
color: #000814 !important;
}

MediaWiki:Common.css

2026-02-19T16:29:09Z

Sonja says:

/* =========================================================
GLOBAL THEME – MediaWiki 1.45 / Vector 2022
========================================================= */

/* ---------- Keyframes ---------- */
@keyframes gradient {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}

@keyframes float {
0% { transform: translateY(0px) translateX(0px) scale(1); opacity: 0; }
10% { opacity: 1; }
90% { opacity: 1; }
100% { transform: translateY(-100vh) translateX(30px) scale(1.2); opacity: 0; }
}

/* ---------- Animated gradient layer ---------- */
body::before {
content: '';
position: fixed;
inset: 0;
z-index: -2;
background: linear-gradient(-45deg, #000814, #001d3d, #000814, #003566);
background-size: 400% 400%;
animation: gradient 15s ease infinite;
}

/* ---------- Base background reset ---------- */
html,
body,
.vector-feature-page-tools-disabled .mw-page-container,
.vector-feature-page-tools-enabled .mw-page-container {
background: transparent !important;
}

/* Transparent content containers */
.mw-page-container,
.mw-body,
.vector-body {
background: transparent !important;
}

/* ---------- Particle canvas ---------- */
#particle-canvas {
position: fixed;
inset: 0;
z-index: -1;
pointer-events: none;
}

/* ---------- Base text ---------- */
body,
.mw-body,
.mw-body-content,
#mw-content-text,
.vector-body {
color: #fff !important;
}

/* ---------- Headings ---------- */
h1, h2, h3, h4, h5, h6,
.mw-headline,
#firstHeading,
.mw-page-title-main,
.page-Main_Page h1 {
color: #FFC300 !important;
}

/* ---------- Logo ---------- */
.mw-logo-icon,
.mw-logo-icon img,
.mw-logo img,
.mw-logo a.mw-logo-container img {
height: 100px !important;
width: auto !important;
max-height: 100px !important;
}
.mw-logo-icon { background-size: auto 100px !important; }

@media (max-width: 720px) {
.mw-logo-icon,
.mw-logo-icon img,
.mw-logo img,
.mw-logo a.mw-logo-container img {
height: 32px !important;
max-height: 32px !important;
}
.mw-logo-icon { background-size: auto 32px !important; }
}

/* ---------- Header ---------- */
.vector-header-container,
.vector-header,
#mw-header-container,
.mw-header {
background: #000814 !important;
border-bottom: 2px solid #FFC300 !important;
}

/* Site name */
.mw-logo-wordmark,
.mw-logo-wordmark a {
color: #FFC300 !important;
font-size: 1.8em !important;
font-weight: bold !important;
text-decoration: none !important;
}
.mw-logo-wordmark a:hover { color: #FFD60A !important; }

/* Sidebar headings */
.vector-pinnable-header-label,
.vector-main-menu-heading,
.mw-portlet h3 {
color: #FFC300 !important;
}

/* =========================================================
PAGE CONTENT LINKS
========================================================= */
.mw-parser-output a { color: #4DA3FF !important; }
.mw-parser-output a:visited { color: #9B7CFF !important; }
.mw-parser-output a:hover { color: #6BB6FF !important; text-decoration: underline; }
.mw-parser-output a:active { color: #1F4FA3 !important; }
.mw-parser-output a.new,
.mw-parser-output a.new:visited { color: #CC2200 !important; }

/* Optional: keep only if something is overriding text colors inside articles */
/* .mw-parser-output { color: #fff !important; } */

/* =========================================================
GLOBAL TABLE THEME (ALL PAGES)
========================================================= */

.mw-parser-output .wikitable {
width: auto !important; /* stop full-width */
display: inline-table !important;/* shrink-wrap to content */
max-width: 100% !important; /* don’t overflow the page */
border-collapse: collapse !important;
margin: 0.75em 0;
background: #303030 !important;
border: 1px solid #555555 !important;
}

.mw-parser-output .wikitable caption {
background: #001D3D !important;
color: #fff !important;
font-weight: bold;
padding: 0.5em 0.7em !important;
border-bottom: 1px solid #555555 !important;
}

.mw-parser-output .wikitable thead th {
background: #000 !important;
color: #EAEAEA !important;
font-weight: 700;
border: 1px solid #666666 !important;
padding: 0.5em 0.7em !important;
}

.mw-parser-output .wikitable tbody tr:nth-child(odd) { background-color: #303030 !important; }
.mw-parser-output .wikitable tbody tr:nth-child(even) { background-color: #505050 !important; }

.mw-parser-output .wikitable tbody td {
border: 1px solid #555555 !important;
color: #EAEAEA !important;
padding: 0.5em 0.7em !important;
}

/* =========================================================
TABLE OF CONTENTS – Vector 2022
========================================================= */
#vector-toc,
#toc {
background: #001D3D !important;
border: 1px solid #FFC300 !important;
border-radius: 6px;
padding: 0.75em;
}

#vector-toc .vector-pinnable-header-label,
#toc .toctitle {
color: #FFC300 !important;
font-weight: bold;
}

#vector-toc .vector-toc-text,
#toc a {
color: #EAEAEA !important;
opacity: 1 !important;
text-decoration: none;
}

/* Active item */
#vector-toc .vector-toc-list-item-active { background: transparent !important; }
#vector-toc .vector-toc-list-item-active > a.vector-toc-link { background-color: #FFD60A !important; }
#vector-toc .vector-toc-list-item-active > a.vector-toc-link .vector-toc-text {
color: #000814 !important;
font-weight: 700 !important;
}

/* Expanded parent rules */
#vector-toc .vector-toc-level-1.vector-toc-list-item-expanded > a.vector-toc-link .vector-toc-text {
color: #FFC300 !important;
font-weight: 600 !important;
}
#vector-toc .vector-toc-level-1.vector-toc-list-item-expanded.vector-toc-list-item-active > a.vector-toc-link .vector-toc-text {
color: #000814 !important;
font-weight: 700 !important;
}
#vector-toc .vector-toc-level-1.vector-toc-list-item-expanded ul .vector-toc-text {
color: #EAEAEA !important;
font-weight: normal !important;
}

/* Hover */
#vector-toc .vector-toc-list-item:not(.vector-toc-list-item-active) > a.vector-toc-link:hover .vector-toc-text {
color: #FFD60A !important;
}
#vector-toc .vector-toc-list-item-active > a.vector-toc-link:hover .vector-toc-text {
color: #000814 !important;
}

/* Remove wrappers */
.vector-toc-container,
#vector-toc-pinned-container,
.vector-pinned-container {
background: transparent !important;
border: none !important;
box-shadow: none !important;
}

/* Inline (article) TOC only */
.mw-parser-output > .toc {
background: #001D3D !important;
border: 1px solid #FFC300 !important;
}

/* =========================================================
Formula Boxes
========================================================= */
.formula-box {
display: inline-block !important; /* shrink to fit */
width: auto !important; /* no full width */
max-width: 100% !important; /* prevent overflow */
background: #001D3D;
border: 1px solid #FFC300;
border-radius: 10px;
padding: 0.8em 1em;
margin: 0.75em 0;
color: #EAEAEA;
line-height: 1.6;
white-space: normal;
overflow-wrap: anywhere;
}

.formula-box a { color: #4DA3FF !important; }
.formula-box a:visited { color: #9B7CFF !important; }

/* =========================
Vector 2022 – RIGHT PAGE TOOLS: remove the fade/gradient
========================= */
.vector-page-tools::before,
.vector-page-tools::after,
.vector-page-tools-container::before,
.vector-page-tools-container::after,
.vector-page-tools-landmark::before,
.vector-page-tools-landmark::after,
.vector-sticky-pinned-container::before,
.vector-sticky-pinned-container::after,
.vector-page-tools .vector-sticky-pinned-container::before,
.vector-page-tools .vector-sticky-pinned-container::after {
background: none !important;
background-image: none !important;
box-shadow: none !important;
filter: none !important;
backdrop-filter: none !important;
mask-image: none !important;
-webkit-mask-image: none !important;
}

/* Change Navigation Icon/Link Colors */
#mw-panel .portal a,
#mw-panel .portal a:visited {
color: #FFC300 !important; /* Change to your desired color */
}

/* Change Footer Link Colors */
div#footer ul li a,
div#footer ul li a:visited {
color: #FFC300 !important; /* Change to your desired color */
}

/* Change Footer Text and Icons */
div#footer ul li {
color: #FFC300 !important;
}

/* Change Navigation Icon/Link Colors */
#mw-panel .portal a,
#mw-panel .portal a:visited {
color: #FFC300 !important; /* Change to your desired color */
}

/* ===== NAVIGATION ICONS - VECTOR 2022 ===== */
/* User menu icon (person icon) */
.vector-user-links .vector-icon,
.vector-user-menu-login .vector-icon,
.vector-user-menu-create-account .vector-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* Settings/hamburger menu icon */
.vector-main-menu-action-toggle .vector-icon,
.vector-page-tools-landmark .vector-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* All navigation icons */
.vector-icon,
.mw-ui-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* User menu links (username) */
.vector-user-links a,
.vector-user-menu-logged-in .vector-user-links-main a {
color: #FFC300 !important;
}

/* ===== FOOTER LINKS - VECTOR 2022 ===== */
/* All footer links */
#footer a,
#footer a:link,
#footer a:visited,
.mw-footer a,
.mw-footer a:link,
.mw-footer a:visited,
footer a,
footer a:link,
footer a:visited {
color: #FFC300 !important;
}

/* Footer text color */
#footer,
#footer li,
.mw-footer,
.mw-footer li,
footer,
footer li {
color: #FFC300 !important;
}

/* Older footer selectors (keeping for compatibility) */
div#footer ul li a,
div#footer ul li a:visited {
color: #FFC300 !important;
}

div#footer ul li {
color: #FFC300 !important;
}

/* =========================================================
VECTOR 2022 – PAGE ACTIONS / TABS COLOR CONTROL
Applies to: Main Page | Discussion | Read | Edit | History | Tools
========================================================= */

/* Default page action links (not active) */
.vector-page-toolbar a,
.vector-page-toolbar a:link,
.vector-page-toolbar a:visited,
.vector-page-toolbar .mw-ui-icon a {
color: #FFC300 !important;
}

/* Hover state (optional subtle brighten) */
.vector-page-toolbar a:hover {
color: #FFD60A !important;
}

/* ACTIVE / CURRENT TAB (e.g. Main Page, Edit when editing) */
.vector-page-toolbar .selected a,
.vector-page-toolbar .mw-ui-button.mw-ui-progressive,
.vector-page-toolbar .mw-ui-button.mw-ui-progressive:visited {
color: #FFFFFF !important;
}

/* Ensure active tab background doesn't force dark text */
.vector-page-toolbar .selected a,
.vector-page-toolbar .selected span {
color: #FFFFFF !important;
}

/* Missing page links stay red */
.vector-page-toolbar a.new,
.vector-page-toolbar a.new:visited {
color: #CC2200 !important;
}

/* ============ NAVPILLS ============ */
/* Navpills styling */
.navpills-container {
margin: 1.5em 0;
padding: 0;
}

.navpills {
display: flex;
flex-wrap: wrap;
gap: 0.8em;
list-style: none;
margin: 0;
padding: 0;
}

.navpill-item {
display: inline-block;
}

.navpill-item a {
text-decoration: none !important;
}

.navpill-item a span {
display: inline-block;
padding: 0.7em 1.3em;
background: linear-gradient(135deg, #003566 0%, #001D3D 100%);
color: #FFC300 !important;
border: 2px solid #FFC300;
border-radius: 6px;
font-weight: bold;
text-decoration: none;
transition: all 0.3s ease;
font-size: 1.05em;
box-shadow: 0 2px 8px rgba(255, 195, 0, 0.2);
}

.navpill-item a:hover span {
background: linear-gradient(135deg, #FFC300 0%, #FFD60A 100%);
color: #000814 !important;
border-color: #FFD60A;
box-shadow: 0 4px 12px rgba(255, 195, 0, 0.4);
transform: translateY(-2px);
}

/* Mobile responsive */
@media (max-width: 768px) {
.navpills {
flex-direction: column;
}

.navpill-item {
width: 100%;
}

.navpill-item a span {
display: block;
text-align: center;
}
}

/* ============ TABS ============ */
/* CSS-Only Tabs */
.wiki-tabs-container-css {
margin: 2em 0;
background: linear-gradient(180deg, #001D3D 0%, #000814 100%);
border: 2px solid #FFC300;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 15px rgba(255, 195, 0, 0.2);
}

/* Hide radio buttons */
.wiki-tab-radio {
display: none;
}

/* Tab Labels (Buttons) */
.wiki-tab-label {
display: inline-block;
padding: 1em 1.5em;
background: #001D3D;
color: #FFC300;
border-right: 1px solid rgba(255, 195, 0, 0.3);
font-size: 1.1em;
font-weight: bold;
cursor: pointer;
transition: all 0.3s ease;
text-align: center;
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, serif;
margin: 0;
border-bottom: 2px solid #000814;
}

.wiki-tab-label:hover {
background: #003566;
color: #FFD60A;
}

/* Active tab style */
.wiki-tab-radio:checked + .wiki-tab-label {
background: #FFC300;
color: #000814;
border-bottom: 3px solid #FFD60A;
}

/* Tab Content */
.wiki-tab-content {
display: none;
padding: 2em;
color: #FFFFFF;
}

/* Show content when tab is checked */
.wiki-tab-radio:checked ~ .wiki-tab-content {
display: block;
}

/* Mobile Responsive */
@media (max-width: 768px) {
.wiki-tab-label {
display: block;
width: 100%;
border-right: none;
border-bottom: 1px solid rgba(255, 195, 0, 0.3);
}
}

/* =========================================================
STICKY HEADER FIX - Keep blue background when scrolling
========================================================= */

/* Sticky header container */
.vector-sticky-header,
.vector-sticky-header-container {
background: #000814 !important;
border-bottom: 2px solid #FFC300 !important;
}

/* Sticky header elements */
.vector-sticky-header-start,
.vector-sticky-header-end,
.vector-sticky-header-context-bar {
background: #000814 !important;
}

/* Page title in sticky header */
.vector-sticky-header-context-bar-primary,
.vector-sticky-header .mw-page-title-main {
color: #FFC300 !important;
}

/* Sticky header buttons and icons */
.vector-sticky-header button,
.vector-sticky-header .vector-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* Sticky header links */
.vector-sticky-header a {
color: #FFC300 !important;
}

/* Race table text override */
.racebox td {
color: black !important;
}

.racebox th {
color: white !important; /* keeps your header colors */
}

/* Equal-width navpills grid */
.navpills-equal-grid .navpills {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 1em !important;
}

.navpills-equal-grid .navpill-item {
width: 100% !important;
display: block !important;
}

.navpills-equal-grid .navpill-item a span {
display: block !important;
width: 100% !important;
text-align: center !important;
padding: 0.5em !important;
box-sizing: border-box !important;
}

@media (max-width: 768px) {
.navpills-equal-grid .navpills {
grid-template-columns: 1fr !important;
}
}

/* Race card buttons with hover animation */
.race-card {
display: block;
text-align: center;
padding: 1.5em 1em;
background: linear-gradient(135deg, #003566 0%, #001D3D 100%);
border: 2px solid #FFC300;
border-radius: 8px;
transition: all 0.3s ease;
box-shadow: 0 2px 8px rgba(255, 195, 0, 0.2);
text-decoration: none;
}

.race-card:hover {
background: linear-gradient(135deg, #FFC300 0%, #FFD60A 100%);
border-color: #FFD60A;
box-shadow: 0 4px 12px rgba(255, 195, 0, 0.4);
transform: translateY(-4px);
}

.race-card img {
display: block;
margin: 0 auto;
transition: transform 0.3s ease;
}

.race-card:hover img {
transform: scale(1.05);
}

.race-card-name {
margin-top: 0.8em;
font-size: 1.2em;
font-weight: bold;
color: #FFC300;
transition: color 0.3s ease;
}

.race-card:hover .race-card-name {
color: #000814;
}

/* =========================================================
Sticky header: center ONLY the time widgets (safe flex method)
Works with the CLEAN JS (header-widget classes)
========================================================= */

/* Keep the icons row as a flex line */
.vector-sticky-header-icons {
display: flex !important;
align-items: center !important;
gap: 10px !important;
}

/* Center container (inserted by JS) */
#sticky-time-widgets.sticky-time-widgets {
margin: 0 auto !important; /* centers the widget group */
display: inline-flex !important;
align-items: center !important;
gap: 14px !important; /* spacing between widgets */
white-space: nowrap !important;
}

/* Each widget pill */
#sticky-time-widgets .header-widget {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
padding: 6px 10px !important;
border: 1px solid #FFC300 !important;
border-radius: 999px !important;
background: linear-gradient(135deg, #003566 0%, #001D3D 100%) !important;
box-shadow: 0 2px 8px rgba(255, 195, 0, 0.18) !important;
line-height: 1 !important;
}

/* Labels + values */
#sticky-time-widgets .header-widget__label {
color: #FFC300 !important;
font-weight: 700 !important;
font-size: 0.95em !important;
}

#sticky-time-widgets .header-widget__value {
color: #FFFFFF !important;
font-weight: 700 !important;
font-variant-numeric: tabular-nums; /* keeps timer width stable */
font-size: 0.95em !important;
}

/* If the header gets cramped, hide labels first */
@media (max-width: 1100px) {
#sticky-time-widgets .header-widget__label {
display: none !important;
}
}

/* If it gets REALLY cramped, hide the whole widget group */
@media (max-width: 860px) {
#sticky-time-widgets.sticky-time-widgets {
display: none !important;
}
}

.mw-parser-output .formula-box {
display: inline-block !important;
width: fit-content !important;
max-width: 100% !important;
}

/* TOC hover = gold background + black text */
#vector-toc .vector-toc-list-item > a.vector-toc-link:hover,
#vector-toc .vector-toc-list-item > a.vector-toc-link:focus {
background-color: #FFD60A !important;
}

#vector-toc .vector-toc-list-item > a.vector-toc-link:hover .vector-toc-text,
#vector-toc .vector-toc-list-item > a.vector-toc-link:focus .vector-toc-text {
color: #000814 !important;
font-weight: 700 !important;
}

MediaWiki:Common.css

2026-02-19T16:25:08Z

Sonja says:

/* =========================================================
GLOBAL THEME – MediaWiki 1.45 / Vector 2022
========================================================= */

/* ---------- Keyframes ---------- */
@keyframes gradient {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}

@keyframes float {
0% { transform: translateY(0px) translateX(0px) scale(1); opacity: 0; }
10% { opacity: 1; }
90% { opacity: 1; }
100% { transform: translateY(-100vh) translateX(30px) scale(1.2); opacity: 0; }
}

/* ---------- Animated gradient layer ---------- */
body::before {
content: '';
position: fixed;
inset: 0;
z-index: -2;
background: linear-gradient(-45deg, #000814, #001d3d, #000814, #003566);
background-size: 400% 400%;
animation: gradient 15s ease infinite;
}

/* ---------- Base background reset ---------- */
html,
body,
.vector-feature-page-tools-disabled .mw-page-container,
.vector-feature-page-tools-enabled .mw-page-container {
background: transparent !important;
}

/* Transparent content containers */
.mw-page-container,
.mw-body,
.vector-body {
background: transparent !important;
}

/* ---------- Particle canvas ---------- */
#particle-canvas {
position: fixed;
inset: 0;
z-index: -1;
pointer-events: none;
}

/* ---------- Base text ---------- */
body,
.mw-body,
.mw-body-content,
#mw-content-text,
.vector-body {
color: #fff !important;
}

/* ---------- Headings ---------- */
h1, h2, h3, h4, h5, h6,
.mw-headline,
#firstHeading,
.mw-page-title-main,
.page-Main_Page h1 {
color: #FFC300 !important;
}

/* ---------- Logo ---------- */
.mw-logo-icon,
.mw-logo-icon img,
.mw-logo img,
.mw-logo a.mw-logo-container img {
height: 100px !important;
width: auto !important;
max-height: 100px !important;
}
.mw-logo-icon { background-size: auto 100px !important; }

@media (max-width: 720px) {
.mw-logo-icon,
.mw-logo-icon img,
.mw-logo img,
.mw-logo a.mw-logo-container img {
height: 32px !important;
max-height: 32px !important;
}
.mw-logo-icon { background-size: auto 32px !important; }
}

/* ---------- Header ---------- */
.vector-header-container,
.vector-header,
#mw-header-container,
.mw-header {
background: #000814 !important;
border-bottom: 2px solid #FFC300 !important;
}

/* Site name */
.mw-logo-wordmark,
.mw-logo-wordmark a {
color: #FFC300 !important;
font-size: 1.8em !important;
font-weight: bold !important;
text-decoration: none !important;
}
.mw-logo-wordmark a:hover { color: #FFD60A !important; }

/* Sidebar headings */
.vector-pinnable-header-label,
.vector-main-menu-heading,
.mw-portlet h3 {
color: #FFC300 !important;
}

/* =========================================================
PAGE CONTENT LINKS
========================================================= */
.mw-parser-output a { color: #4DA3FF !important; }
.mw-parser-output a:visited { color: #9B7CFF !important; }
.mw-parser-output a:hover { color: #6BB6FF !important; text-decoration: underline; }
.mw-parser-output a:active { color: #1F4FA3 !important; }
.mw-parser-output a.new,
.mw-parser-output a.new:visited { color: #CC2200 !important; }

/* Optional: keep only if something is overriding text colors inside articles */
/* .mw-parser-output { color: #fff !important; } */

/* =========================================================
GLOBAL TABLE THEME (ALL PAGES)
========================================================= */

.mw-parser-output .wikitable {
width: auto !important; /* stop full-width */
display: inline-table !important;/* shrink-wrap to content */
max-width: 100% !important; /* don’t overflow the page */
border-collapse: collapse !important;
margin: 0.75em 0;
background: #303030 !important;
border: 1px solid #555555 !important;
}

.mw-parser-output .wikitable caption {
background: #001D3D !important;
color: #fff !important;
font-weight: bold;
padding: 0.5em 0.7em !important;
border-bottom: 1px solid #555555 !important;
}

.mw-parser-output .wikitable thead th {
background: #000 !important;
color: #EAEAEA !important;
font-weight: 700;
border: 1px solid #666666 !important;
padding: 0.5em 0.7em !important;
}

.mw-parser-output .wikitable tbody tr:nth-child(odd) { background-color: #303030 !important; }
.mw-parser-output .wikitable tbody tr:nth-child(even) { background-color: #505050 !important; }

.mw-parser-output .wikitable tbody td {
border: 1px solid #555555 !important;
color: #EAEAEA !important;
padding: 0.5em 0.7em !important;
}

/* =========================================================
TABLE OF CONTENTS – Vector 2022
========================================================= */
#vector-toc,
#toc {
background: #001D3D !important;
border: 1px solid #FFC300 !important;
border-radius: 6px;
padding: 0.75em;
}

#vector-toc .vector-pinnable-header-label,
#toc .toctitle {
color: #FFC300 !important;
font-weight: bold;
}

#vector-toc .vector-toc-text,
#toc a {
color: #EAEAEA !important;
opacity: 1 !important;
text-decoration: none;
}

/* Active item */
#vector-toc .vector-toc-list-item-active { background: transparent !important; }
#vector-toc .vector-toc-list-item-active > a.vector-toc-link { background-color: #FFD60A !important; }
#vector-toc .vector-toc-list-item-active > a.vector-toc-link .vector-toc-text {
color: #000814 !important;
font-weight: 700 !important;
}

/* Expanded parent rules */
#vector-toc .vector-toc-level-1.vector-toc-list-item-expanded > a.vector-toc-link .vector-toc-text {
color: #FFC300 !important;
font-weight: 600 !important;
}
#vector-toc .vector-toc-level-1.vector-toc-list-item-expanded.vector-toc-list-item-active > a.vector-toc-link .vector-toc-text {
color: #000814 !important;
font-weight: 700 !important;
}
#vector-toc .vector-toc-level-1.vector-toc-list-item-expanded ul .vector-toc-text {
color: #EAEAEA !important;
font-weight: normal !important;
}

/* Hover */
#vector-toc .vector-toc-list-item:not(.vector-toc-list-item-active) > a.vector-toc-link:hover .vector-toc-text {
color: #FFD60A !important;
}
#vector-toc .vector-toc-list-item-active > a.vector-toc-link:hover .vector-toc-text {
color: #000814 !important;
}

/* Remove wrappers */
.vector-toc-container,
#vector-toc-pinned-container,
.vector-pinned-container {
background: transparent !important;
border: none !important;
box-shadow: none !important;
}

/* Inline (article) TOC only */
.mw-parser-output > .toc {
background: #001D3D !important;
border: 1px solid #FFC300 !important;
}

/* =========================================================
Formula Boxes
========================================================= */
.formula-box {
display: inline-block !important; /* shrink to fit */
width: auto !important; /* no full width */
max-width: 100% !important; /* prevent overflow */
background: #001D3D;
border: 1px solid #FFC300;
border-radius: 10px;
padding: 0.8em 1em;
margin: 0.75em 0;
color: #EAEAEA;
line-height: 1.6;
white-space: normal;
overflow-wrap: anywhere;
}

.formula-box a { color: #4DA3FF !important; }
.formula-box a:visited { color: #9B7CFF !important; }

/* =========================
Vector 2022 – RIGHT PAGE TOOLS: remove the fade/gradient
========================= */
.vector-page-tools::before,
.vector-page-tools::after,
.vector-page-tools-container::before,
.vector-page-tools-container::after,
.vector-page-tools-landmark::before,
.vector-page-tools-landmark::after,
.vector-sticky-pinned-container::before,
.vector-sticky-pinned-container::after,
.vector-page-tools .vector-sticky-pinned-container::before,
.vector-page-tools .vector-sticky-pinned-container::after {
background: none !important;
background-image: none !important;
box-shadow: none !important;
filter: none !important;
backdrop-filter: none !important;
mask-image: none !important;
-webkit-mask-image: none !important;
}

/* Change Navigation Icon/Link Colors */
#mw-panel .portal a,
#mw-panel .portal a:visited {
color: #FFC300 !important; /* Change to your desired color */
}

/* Change Footer Link Colors */
div#footer ul li a,
div#footer ul li a:visited {
color: #FFC300 !important; /* Change to your desired color */
}

/* Change Footer Text and Icons */
div#footer ul li {
color: #FFC300 !important;
}

/* Change Navigation Icon/Link Colors */
#mw-panel .portal a,
#mw-panel .portal a:visited {
color: #FFC300 !important; /* Change to your desired color */
}

/* ===== NAVIGATION ICONS - VECTOR 2022 ===== */
/* User menu icon (person icon) */
.vector-user-links .vector-icon,
.vector-user-menu-login .vector-icon,
.vector-user-menu-create-account .vector-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* Settings/hamburger menu icon */
.vector-main-menu-action-toggle .vector-icon,
.vector-page-tools-landmark .vector-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* All navigation icons */
.vector-icon,
.mw-ui-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* User menu links (username) */
.vector-user-links a,
.vector-user-menu-logged-in .vector-user-links-main a {
color: #FFC300 !important;
}

/* ===== FOOTER LINKS - VECTOR 2022 ===== */
/* All footer links */
#footer a,
#footer a:link,
#footer a:visited,
.mw-footer a,
.mw-footer a:link,
.mw-footer a:visited,
footer a,
footer a:link,
footer a:visited {
color: #FFC300 !important;
}

/* Footer text color */
#footer,
#footer li,
.mw-footer,
.mw-footer li,
footer,
footer li {
color: #FFC300 !important;
}

/* Older footer selectors (keeping for compatibility) */
div#footer ul li a,
div#footer ul li a:visited {
color: #FFC300 !important;
}

div#footer ul li {
color: #FFC300 !important;
}

/* =========================================================
VECTOR 2022 – PAGE ACTIONS / TABS COLOR CONTROL
Applies to: Main Page | Discussion | Read | Edit | History | Tools
========================================================= */

/* Default page action links (not active) */
.vector-page-toolbar a,
.vector-page-toolbar a:link,
.vector-page-toolbar a:visited,
.vector-page-toolbar .mw-ui-icon a {
color: #FFC300 !important;
}

/* Hover state (optional subtle brighten) */
.vector-page-toolbar a:hover {
color: #FFD60A !important;
}

/* ACTIVE / CURRENT TAB (e.g. Main Page, Edit when editing) */
.vector-page-toolbar .selected a,
.vector-page-toolbar .mw-ui-button.mw-ui-progressive,
.vector-page-toolbar .mw-ui-button.mw-ui-progressive:visited {
color: #FFFFFF !important;
}

/* Ensure active tab background doesn't force dark text */
.vector-page-toolbar .selected a,
.vector-page-toolbar .selected span {
color: #FFFFFF !important;
}

/* Missing page links stay red */
.vector-page-toolbar a.new,
.vector-page-toolbar a.new:visited {
color: #CC2200 !important;
}

/* ============ NAVPILLS ============ */
/* Navpills styling */
.navpills-container {
margin: 1.5em 0;
padding: 0;
}

.navpills {
display: flex;
flex-wrap: wrap;
gap: 0.8em;
list-style: none;
margin: 0;
padding: 0;
}

.navpill-item {
display: inline-block;
}

.navpill-item a {
text-decoration: none !important;
}

.navpill-item a span {
display: inline-block;
padding: 0.7em 1.3em;
background: linear-gradient(135deg, #003566 0%, #001D3D 100%);
color: #FFC300 !important;
border: 2px solid #FFC300;
border-radius: 6px;
font-weight: bold;
text-decoration: none;
transition: all 0.3s ease;
font-size: 1.05em;
box-shadow: 0 2px 8px rgba(255, 195, 0, 0.2);
}

.navpill-item a:hover span {
background: linear-gradient(135deg, #FFC300 0%, #FFD60A 100%);
color: #000814 !important;
border-color: #FFD60A;
box-shadow: 0 4px 12px rgba(255, 195, 0, 0.4);
transform: translateY(-2px);
}

/* Mobile responsive */
@media (max-width: 768px) {
.navpills {
flex-direction: column;
}

.navpill-item {
width: 100%;
}

.navpill-item a span {
display: block;
text-align: center;
}
}

/* ============ TABS ============ */
/* CSS-Only Tabs */
.wiki-tabs-container-css {
margin: 2em 0;
background: linear-gradient(180deg, #001D3D 0%, #000814 100%);
border: 2px solid #FFC300;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 15px rgba(255, 195, 0, 0.2);
}

/* Hide radio buttons */
.wiki-tab-radio {
display: none;
}

/* Tab Labels (Buttons) */
.wiki-tab-label {
display: inline-block;
padding: 1em 1.5em;
background: #001D3D;
color: #FFC300;
border-right: 1px solid rgba(255, 195, 0, 0.3);
font-size: 1.1em;
font-weight: bold;
cursor: pointer;
transition: all 0.3s ease;
text-align: center;
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, serif;
margin: 0;
border-bottom: 2px solid #000814;
}

.wiki-tab-label:hover {
background: #003566;
color: #FFD60A;
}

/* Active tab style */
.wiki-tab-radio:checked + .wiki-tab-label {
background: #FFC300;
color: #000814;
border-bottom: 3px solid #FFD60A;
}

/* Tab Content */
.wiki-tab-content {
display: none;
padding: 2em;
color: #FFFFFF;
}

/* Show content when tab is checked */
.wiki-tab-radio:checked ~ .wiki-tab-content {
display: block;
}

/* Mobile Responsive */
@media (max-width: 768px) {
.wiki-tab-label {
display: block;
width: 100%;
border-right: none;
border-bottom: 1px solid rgba(255, 195, 0, 0.3);
}
}

/* =========================================================
STICKY HEADER FIX - Keep blue background when scrolling
========================================================= */

/* Sticky header container */
.vector-sticky-header,
.vector-sticky-header-container {
background: #000814 !important;
border-bottom: 2px solid #FFC300 !important;
}

/* Sticky header elements */
.vector-sticky-header-start,
.vector-sticky-header-end,
.vector-sticky-header-context-bar {
background: #000814 !important;
}

/* Page title in sticky header */
.vector-sticky-header-context-bar-primary,
.vector-sticky-header .mw-page-title-main {
color: #FFC300 !important;
}

/* Sticky header buttons and icons */
.vector-sticky-header button,
.vector-sticky-header .vector-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* Sticky header links */
.vector-sticky-header a {
color: #FFC300 !important;
}

/* Race table text override */
.racebox td {
color: black !important;
}

.racebox th {
color: white !important; /* keeps your header colors */
}

/* Equal-width navpills grid */
.navpills-equal-grid .navpills {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 1em !important;
}

.navpills-equal-grid .navpill-item {
width: 100% !important;
display: block !important;
}

.navpills-equal-grid .navpill-item a span {
display: block !important;
width: 100% !important;
text-align: center !important;
padding: 0.5em !important;
box-sizing: border-box !important;
}

@media (max-width: 768px) {
.navpills-equal-grid .navpills {
grid-template-columns: 1fr !important;
}
}

/* Race card buttons with hover animation */
.race-card {
display: block;
text-align: center;
padding: 1.5em 1em;
background: linear-gradient(135deg, #003566 0%, #001D3D 100%);
border: 2px solid #FFC300;
border-radius: 8px;
transition: all 0.3s ease;
box-shadow: 0 2px 8px rgba(255, 195, 0, 0.2);
text-decoration: none;
}

.race-card:hover {
background: linear-gradient(135deg, #FFC300 0%, #FFD60A 100%);
border-color: #FFD60A;
box-shadow: 0 4px 12px rgba(255, 195, 0, 0.4);
transform: translateY(-4px);
}

.race-card img {
display: block;
margin: 0 auto;
transition: transform 0.3s ease;
}

.race-card:hover img {
transform: scale(1.05);
}

.race-card-name {
margin-top: 0.8em;
font-size: 1.2em;
font-weight: bold;
color: #FFC300;
transition: color 0.3s ease;
}

.race-card:hover .race-card-name {
color: #000814;
}

/* =========================================================
Sticky header: center ONLY the time widgets (safe flex method)
Works with the CLEAN JS (header-widget classes)
========================================================= */

/* Keep the icons row as a flex line */
.vector-sticky-header-icons {
display: flex !important;
align-items: center !important;
gap: 10px !important;
}

/* Center container (inserted by JS) */
#sticky-time-widgets.sticky-time-widgets {
margin: 0 auto !important; /* centers the widget group */
display: inline-flex !important;
align-items: center !important;
gap: 14px !important; /* spacing between widgets */
white-space: nowrap !important;
}

/* Each widget pill */
#sticky-time-widgets .header-widget {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
padding: 6px 10px !important;
border: 1px solid #FFC300 !important;
border-radius: 999px !important;
background: linear-gradient(135deg, #003566 0%, #001D3D 100%) !important;
box-shadow: 0 2px 8px rgba(255, 195, 0, 0.18) !important;
line-height: 1 !important;
}

/* Labels + values */
#sticky-time-widgets .header-widget__label {
color: #FFC300 !important;
font-weight: 700 !important;
font-size: 0.95em !important;
}

#sticky-time-widgets .header-widget__value {
color: #FFFFFF !important;
font-weight: 700 !important;
font-variant-numeric: tabular-nums; /* keeps timer width stable */
font-size: 0.95em !important;
}

/* If the header gets cramped, hide labels first */
@media (max-width: 1100px) {
#sticky-time-widgets .header-widget__label {
display: none !important;
}
}

/* If it gets REALLY cramped, hide the whole widget group */
@media (max-width: 860px) {
#sticky-time-widgets.sticky-time-widgets {
display: none !important;
}
}

.mw-parser-output .formula-box {
display: inline-block !important;
width: fit-content !important;
max-width: 100% !important;
}

MediaWiki:Common.css

2026-02-19T16:24:44Z

Sonja says:

/* =========================================================
GLOBAL THEME – MediaWiki 1.45 / Vector 2022
========================================================= */

/* ---------- Keyframes ---------- */
@keyframes gradient {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}

@keyframes float {
0% { transform: translateY(0px) translateX(0px) scale(1); opacity: 0; }
10% { opacity: 1; }
90% { opacity: 1; }
100% { transform: translateY(-100vh) translateX(30px) scale(1.2); opacity: 0; }
}

/* ---------- Animated gradient layer ---------- */
body::before {
content: '';
position: fixed;
inset: 0;
z-index: -2;
background: linear-gradient(-45deg, #000814, #001d3d, #000814, #003566);
background-size: 400% 400%;
animation: gradient 15s ease infinite;
}

/* ---------- Base background reset ---------- */
html,
body,
.vector-feature-page-tools-disabled .mw-page-container,
.vector-feature-page-tools-enabled .mw-page-container {
background: transparent !important;
}

/* Transparent content containers */
.mw-page-container,
.mw-body,
.vector-body {
background: transparent !important;
}

/* ---------- Particle canvas ---------- */
#particle-canvas {
position: fixed;
inset: 0;
z-index: -1;
pointer-events: none;
}

/* ---------- Base text ---------- */
body,
.mw-body,
.mw-body-content,
#mw-content-text,
.vector-body {
color: #fff !important;
}

/* ---------- Headings ---------- */
h1, h2, h3, h4, h5, h6,
.mw-headline,
#firstHeading,
.mw-page-title-main,
.page-Main_Page h1 {
color: #FFC300 !important;
}

/* ---------- Logo ---------- */
.mw-logo-icon,
.mw-logo-icon img,
.mw-logo img,
.mw-logo a.mw-logo-container img {
height: 100px !important;
width: auto !important;
max-height: 100px !important;
}
.mw-logo-icon { background-size: auto 100px !important; }

@media (max-width: 720px) {
.mw-logo-icon,
.mw-logo-icon img,
.mw-logo img,
.mw-logo a.mw-logo-container img {
height: 32px !important;
max-height: 32px !important;
}
.mw-logo-icon { background-size: auto 32px !important; }
}

/* ---------- Header ---------- */
.vector-header-container,
.vector-header,
#mw-header-container,
.mw-header {
background: #000814 !important;
border-bottom: 2px solid #FFC300 !important;
}

/* Site name */
.mw-logo-wordmark,
.mw-logo-wordmark a {
color: #FFC300 !important;
font-size: 1.8em !important;
font-weight: bold !important;
text-decoration: none !important;
}
.mw-logo-wordmark a:hover { color: #FFD60A !important; }

/* Sidebar headings */
.vector-pinnable-header-label,
.vector-main-menu-heading,
.mw-portlet h3 {
color: #FFC300 !important;
}

/* =========================================================
PAGE CONTENT LINKS
========================================================= */
.mw-parser-output a { color: #4DA3FF !important; }
.mw-parser-output a:visited { color: #9B7CFF !important; }
.mw-parser-output a:hover { color: #6BB6FF !important; text-decoration: underline; }
.mw-parser-output a:active { color: #1F4FA3 !important; }
.mw-parser-output a.new,
.mw-parser-output a.new:visited { color: #CC2200 !important; }

/* Optional: keep only if something is overriding text colors inside articles */
/* .mw-parser-output { color: #fff !important; } */

/* =========================================================
GLOBAL TABLE THEME (ALL PAGES)
========================================================= */

.mw-parser-output .wikitable {
width: auto !important; /* stop full-width */
display: inline-table !important;/* shrink-wrap to content */
max-width: 100% !important; /* don’t overflow the page */
border-collapse: collapse !important;
margin: 0.75em 0;
background: #303030 !important;
border: 1px solid #555555 !important;
}

.mw-parser-output .wikitable caption {
background: #001D3D !important;
color: #fff !important;
font-weight: bold;
padding: 0.5em 0.7em !important;
border-bottom: 1px solid #555555 !important;
}

.mw-parser-output .wikitable thead th {
background: #000 !important;
color: #EAEAEA !important;
font-weight: 700;
border: 1px solid #666666 !important;
padding: 0.5em 0.7em !important;
}

.mw-parser-output .wikitable tbody tr:nth-child(odd) { background-color: #303030 !important; }
.mw-parser-output .wikitable tbody tr:nth-child(even) { background-color: #505050 !important; }

.mw-parser-output .wikitable tbody td {
border: 1px solid #555555 !important;
color: #EAEAEA !important;
padding: 0.5em 0.7em !important;
}

/* =========================================================
TABLE OF CONTENTS – Vector 2022
========================================================= */
#vector-toc,
#toc {
background: #001D3D !important;
border: 1px solid #FFC300 !important;
border-radius: 6px;
padding: 0.75em;
}

#vector-toc .vector-pinnable-header-label,
#toc .toctitle {
color: #FFC300 !important;
font-weight: bold;
}

#vector-toc .vector-toc-text,
#toc a {
color: #EAEAEA !important;
opacity: 1 !important;
text-decoration: none;
}

/* Active item */
#vector-toc .vector-toc-list-item-active { background: transparent !important; }
#vector-toc .vector-toc-list-item-active > a.vector-toc-link { background-color: #FFD60A !important; }
#vector-toc .vector-toc-list-item-active > a.vector-toc-link .vector-toc-text {
color: #000814 !important;
font-weight: 700 !important;
}

/* Expanded parent rules */
#vector-toc .vector-toc-level-1.vector-toc-list-item-expanded > a.vector-toc-link .vector-toc-text {
color: #FFC300 !important;
font-weight: 600 !important;
}
#vector-toc .vector-toc-level-1.vector-toc-list-item-expanded.vector-toc-list-item-active > a.vector-toc-link .vector-toc-text {
color: #000814 !important;
font-weight: 700 !important;
}
#vector-toc .vector-toc-level-1.vector-toc-list-item-expanded ul .vector-toc-text {
color: #EAEAEA !important;
font-weight: normal !important;
}

/* Hover */
#vector-toc .vector-toc-list-item:not(.vector-toc-list-item-active) > a.vector-toc-link:hover .vector-toc-text {
color: #FFD60A !important;
}
#vector-toc .vector-toc-list-item-active > a.vector-toc-link:hover .vector-toc-text {
color: #000814 !important;
}

/* Remove wrappers */
.vector-toc-container,
#vector-toc-pinned-container,
.vector-pinned-container {
background: transparent !important;
border: none !important;
box-shadow: none !important;
}

/* Inline (article) TOC only */
.mw-parser-output > .toc {
background: #001D3D !important;
border: 1px solid #FFC300 !important;
}

/* =========================================================
Formula Boxes
========================================================= */
.formula-box {
display: inline-block !important; /* shrink to fit */
width: auto !important; /* no full width */
max-width: 100% !important; /* prevent overflow */
background: #001D3D;
border: 1px solid #FFC300;
border-radius: 10px;
padding: 0.8em 1em;
margin: 0.75em 0;
color: #EAEAEA;
line-height: 1.6;
white-space: normal;
overflow-wrap: anywhere;
}

.formula-box a { color: #4DA3FF !important; }
.formula-box a:visited { color: #9B7CFF !important; }

/* =========================
Vector 2022 – RIGHT PAGE TOOLS: remove the fade/gradient
========================= */
.vector-page-tools::before,
.vector-page-tools::after,
.vector-page-tools-container::before,
.vector-page-tools-container::after,
.vector-page-tools-landmark::before,
.vector-page-tools-landmark::after,
.vector-sticky-pinned-container::before,
.vector-sticky-pinned-container::after,
.vector-page-tools .vector-sticky-pinned-container::before,
.vector-page-tools .vector-sticky-pinned-container::after {
background: none !important;
background-image: none !important;
box-shadow: none !important;
filter: none !important;
backdrop-filter: none !important;
mask-image: none !important;
-webkit-mask-image: none !important;
}

/* Change Navigation Icon/Link Colors */
#mw-panel .portal a,
#mw-panel .portal a:visited {
color: #FFC300 !important; /* Change to your desired color */
}

/* Change Footer Link Colors */
div#footer ul li a,
div#footer ul li a:visited {
color: #FFC300 !important; /* Change to your desired color */
}

/* Change Footer Text and Icons */
div#footer ul li {
color: #FFC300 !important;
}

/* Change Navigation Icon/Link Colors */
#mw-panel .portal a,
#mw-panel .portal a:visited {
color: #FFC300 !important; /* Change to your desired color */
}

/* ===== NAVIGATION ICONS - VECTOR 2022 ===== */
/* User menu icon (person icon) */
.vector-user-links .vector-icon,
.vector-user-menu-login .vector-icon,
.vector-user-menu-create-account .vector-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* Settings/hamburger menu icon */
.vector-main-menu-action-toggle .vector-icon,
.vector-page-tools-landmark .vector-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* All navigation icons */
.vector-icon,
.mw-ui-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* User menu links (username) */
.vector-user-links a,
.vector-user-menu-logged-in .vector-user-links-main a {
color: #FFC300 !important;
}

/* ===== FOOTER LINKS - VECTOR 2022 ===== */
/* All footer links */
#footer a,
#footer a:link,
#footer a:visited,
.mw-footer a,
.mw-footer a:link,
.mw-footer a:visited,
footer a,
footer a:link,
footer a:visited {
color: #FFC300 !important;
}

/* Footer text color */
#footer,
#footer li,
.mw-footer,
.mw-footer li,
footer,
footer li {
color: #FFC300 !important;
}

/* Older footer selectors (keeping for compatibility) */
div#footer ul li a,
div#footer ul li a:visited {
color: #FFC300 !important;
}

div#footer ul li {
color: #FFC300 !important;
}

/* =========================================================
VECTOR 2022 – PAGE ACTIONS / TABS COLOR CONTROL
Applies to: Main Page | Discussion | Read | Edit | History | Tools
========================================================= */

/* Default page action links (not active) */
.vector-page-toolbar a,
.vector-page-toolbar a:link,
.vector-page-toolbar a:visited,
.vector-page-toolbar .mw-ui-icon a {
color: #FFC300 !important;
}

/* Hover state (optional subtle brighten) */
.vector-page-toolbar a:hover {
color: #FFD60A !important;
}

/* ACTIVE / CURRENT TAB (e.g. Main Page, Edit when editing) */
.vector-page-toolbar .selected a,
.vector-page-toolbar .mw-ui-button.mw-ui-progressive,
.vector-page-toolbar .mw-ui-button.mw-ui-progressive:visited {
color: #FFFFFF !important;
}

/* Ensure active tab background doesn't force dark text */
.vector-page-toolbar .selected a,
.vector-page-toolbar .selected span {
color: #FFFFFF !important;
}

/* Missing page links stay red */
.vector-page-toolbar a.new,
.vector-page-toolbar a.new:visited {
color: #CC2200 !important;
}

/* ============ NAVPILLS ============ */
/* Navpills styling */
.navpills-container {
margin: 1.5em 0;
padding: 0;
}

.navpills {
display: flex;
flex-wrap: wrap;
gap: 0.8em;
list-style: none;
margin: 0;
padding: 0;
}

.navpill-item {
display: inline-block;
}

.navpill-item a {
text-decoration: none !important;
}

.navpill-item a span {
display: inline-block;
padding: 0.7em 1.3em;
background: linear-gradient(135deg, #003566 0%, #001D3D 100%);
color: #FFC300 !important;
border: 2px solid #FFC300;
border-radius: 6px;
font-weight: bold;
text-decoration: none;
transition: all 0.3s ease;
font-size: 1.05em;
box-shadow: 0 2px 8px rgba(255, 195, 0, 0.2);
}

.navpill-item a:hover span {
background: linear-gradient(135deg, #FFC300 0%, #FFD60A 100%);
color: #000814 !important;
border-color: #FFD60A;
box-shadow: 0 4px 12px rgba(255, 195, 0, 0.4);
transform: translateY(-2px);
}

/* Mobile responsive */
@media (max-width: 768px) {
.navpills {
flex-direction: column;
}

.navpill-item {
width: 100%;
}

.navpill-item a span {
display: block;
text-align: center;
}
}

/* ============ TABS ============ */
/* CSS-Only Tabs */
.wiki-tabs-container-css {
margin: 2em 0;
background: linear-gradient(180deg, #001D3D 0%, #000814 100%);
border: 2px solid #FFC300;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 15px rgba(255, 195, 0, 0.2);
}

/* Hide radio buttons */
.wiki-tab-radio {
display: none;
}

/* Tab Labels (Buttons) */
.wiki-tab-label {
display: inline-block;
padding: 1em 1.5em;
background: #001D3D;
color: #FFC300;
border-right: 1px solid rgba(255, 195, 0, 0.3);
font-size: 1.1em;
font-weight: bold;
cursor: pointer;
transition: all 0.3s ease;
text-align: center;
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, serif;
margin: 0;
border-bottom: 2px solid #000814;
}

.wiki-tab-label:hover {
background: #003566;
color: #FFD60A;
}

/* Active tab style */
.wiki-tab-radio:checked + .wiki-tab-label {
background: #FFC300;
color: #000814;
border-bottom: 3px solid #FFD60A;
}

/* Tab Content */
.wiki-tab-content {
display: none;
padding: 2em;
color: #FFFFFF;
}

/* Show content when tab is checked */
.wiki-tab-radio:checked ~ .wiki-tab-content {
display: block;
}

/* Mobile Responsive */
@media (max-width: 768px) {
.wiki-tab-label {
display: block;
width: 100%;
border-right: none;
border-bottom: 1px solid rgba(255, 195, 0, 0.3);
}
}

/* =========================================================
STICKY HEADER FIX - Keep blue background when scrolling
========================================================= */

/* Sticky header container */
.vector-sticky-header,
.vector-sticky-header-container {
background: #000814 !important;
border-bottom: 2px solid #FFC300 !important;
}

/* Sticky header elements */
.vector-sticky-header-start,
.vector-sticky-header-end,
.vector-sticky-header-context-bar {
background: #000814 !important;
}

/* Page title in sticky header */
.vector-sticky-header-context-bar-primary,
.vector-sticky-header .mw-page-title-main {
color: #FFC300 !important;
}

/* Sticky header buttons and icons */
.vector-sticky-header button,
.vector-sticky-header .vector-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* Sticky header links */
.vector-sticky-header a {
color: #FFC300 !important;
}

/* Race table text override */
.racebox td {
color: black !important;
}

.racebox th {
color: white !important; /* keeps your header colors */
}

/* Equal-width navpills grid */
.navpills-equal-grid .navpills {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 1em !important;
}

.navpills-equal-grid .navpill-item {
width: 100% !important;
display: block !important;
}

.navpills-equal-grid .navpill-item a span {
display: block !important;
width: 100% !important;
text-align: center !important;
padding: 0.5em !important;
box-sizing: border-box !important;
}

@media (max-width: 768px) {
.navpills-equal-grid .navpills {
grid-template-columns: 1fr !important;
}
}

/* Race card buttons with hover animation */
.race-card {
display: block;
text-align: center;
padding: 1.5em 1em;
background: linear-gradient(135deg, #003566 0%, #001D3D 100%);
border: 2px solid #FFC300;
border-radius: 8px;
transition: all 0.3s ease;
box-shadow: 0 2px 8px rgba(255, 195, 0, 0.2);
text-decoration: none;
}

.race-card:hover {
background: linear-gradient(135deg, #FFC300 0%, #FFD60A 100%);
border-color: #FFD60A;
box-shadow: 0 4px 12px rgba(255, 195, 0, 0.4);
transform: translateY(-4px);
}

.race-card img {
display: block;
margin: 0 auto;
transition: transform 0.3s ease;
}

.race-card:hover img {
transform: scale(1.05);
}

.race-card-name {
margin-top: 0.8em;
font-size: 1.2em;
font-weight: bold;
color: #FFC300;
transition: color 0.3s ease;
}

.race-card:hover .race-card-name {
color: #000814;
}

/* =========================================================
Sticky header: center ONLY the time widgets (safe flex method)
Works with the CLEAN JS (header-widget classes)
========================================================= */

/* Keep the icons row as a flex line */
.vector-sticky-header-icons {
display: flex !important;
align-items: center !important;
gap: 10px !important;
}

/* Center container (inserted by JS) */
#sticky-time-widgets.sticky-time-widgets {
margin: 0 auto !important; /* centers the widget group */
display: inline-flex !important;
align-items: center !important;
gap: 14px !important; /* spacing between widgets */
white-space: nowrap !important;
}

/* Each widget pill */
#sticky-time-widgets .header-widget {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
padding: 6px 10px !important;
border: 1px solid #FFC300 !important;
border-radius: 999px !important;
background: linear-gradient(135deg, #003566 0%, #001D3D 100%) !important;
box-shadow: 0 2px 8px rgba(255, 195, 0, 0.18) !important;
line-height: 1 !important;
}

/* Labels + values */
#sticky-time-widgets .header-widget__label {
color: #FFC300 !important;
font-weight: 700 !important;
font-size: 0.95em !important;
}

#sticky-time-widgets .header-widget__value {
color: #FFFFFF !important;
font-weight: 700 !important;
font-variant-numeric: tabular-nums; /* keeps timer width stable */
font-size: 0.95em !important;
}

/* If the header gets cramped, hide labels first */
@media (max-width: 1100px) {
#sticky-time-widgets .header-widget__label {
display: none !important;
}
}

/* If it gets REALLY cramped, hide the whole widget group */
@media (max-width: 860px) {
#sticky-time-widgets.sticky-time-widgets {
display: none !important;
}
}

MediaWiki:Common.css

2026-02-19T16:24:00Z

Sonja says:

/* =========================================================
GLOBAL THEME – MediaWiki 1.45 / Vector 2022
========================================================= */

/* ---------- Keyframes ---------- */
@keyframes gradient {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}

@keyframes float {
0% { transform: translateY(0px) translateX(0px) scale(1); opacity: 0; }
10% { opacity: 1; }
90% { opacity: 1; }
100% { transform: translateY(-100vh) translateX(30px) scale(1.2); opacity: 0; }
}

/* ---------- Animated gradient layer ---------- */
body::before {
content: '';
position: fixed;
inset: 0;
z-index: -2;
background: linear-gradient(-45deg, #000814, #001d3d, #000814, #003566);
background-size: 400% 400%;
animation: gradient 15s ease infinite;
}

/* ---------- Base background reset ---------- */
html,
body,
.vector-feature-page-tools-disabled .mw-page-container,
.vector-feature-page-tools-enabled .mw-page-container {
background: transparent !important;
}

/* Transparent content containers */
.mw-page-container,
.mw-body,
.vector-body {
background: transparent !important;
}

/* ---------- Particle canvas ---------- */
#particle-canvas {
position: fixed;
inset: 0;
z-index: -1;
pointer-events: none;
}

/* ---------- Base text ---------- */
body,
.mw-body,
.mw-body-content,
#mw-content-text,
.vector-body {
color: #fff !important;
}

/* ---------- Headings ---------- */
h1, h2, h3, h4, h5, h6,
.mw-headline,
#firstHeading,
.mw-page-title-main,
.page-Main_Page h1 {
color: #FFC300 !important;
}

/* ---------- Logo ---------- */
.mw-logo-icon,
.mw-logo-icon img,
.mw-logo img,
.mw-logo a.mw-logo-container img {
height: 100px !important;
width: auto !important;
max-height: 100px !important;
}
.mw-logo-icon { background-size: auto 100px !important; }

@media (max-width: 720px) {
.mw-logo-icon,
.mw-logo-icon img,
.mw-logo img,
.mw-logo a.mw-logo-container img {
height: 32px !important;
max-height: 32px !important;
}
.mw-logo-icon { background-size: auto 32px !important; }
}

/* ---------- Header ---------- */
.vector-header-container,
.vector-header,
#mw-header-container,
.mw-header {
background: #000814 !important;
border-bottom: 2px solid #FFC300 !important;
}

/* Site name */
.mw-logo-wordmark,
.mw-logo-wordmark a {
color: #FFC300 !important;
font-size: 1.8em !important;
font-weight: bold !important;
text-decoration: none !important;
}
.mw-logo-wordmark a:hover { color: #FFD60A !important; }

/* Sidebar headings */
.vector-pinnable-header-label,
.vector-main-menu-heading,
.mw-portlet h3 {
color: #FFC300 !important;
}

/* =========================================================
PAGE CONTENT LINKS
========================================================= */
.mw-parser-output a { color: #4DA3FF !important; }
.mw-parser-output a:visited { color: #9B7CFF !important; }
.mw-parser-output a:hover { color: #6BB6FF !important; text-decoration: underline; }
.mw-parser-output a:active { color: #1F4FA3 !important; }
.mw-parser-output a.new,
.mw-parser-output a.new:visited { color: #CC2200 !important; }

/* Optional: keep only if something is overriding text colors inside articles */
/* .mw-parser-output { color: #fff !important; } */

/* =========================================================
GLOBAL TABLE THEME (ALL PAGES)
========================================================= */

.mw-parser-output .wikitable {
width: auto !important; /* stop full-width */
display: inline-table !important;/* shrink-wrap to content */
max-width: 100% !important; /* don’t overflow the page */
border-collapse: collapse !important;
margin: 0.75em 0;
background: #303030 !important;
border: 1px solid #555555 !important;
}

.mw-parser-output .wikitable caption {
background: #001D3D !important;
color: #fff !important;
font-weight: bold;
padding: 0.5em 0.7em !important;
border-bottom: 1px solid #555555 !important;
}

.mw-parser-output .wikitable thead th {
background: #000 !important;
color: #EAEAEA !important;
font-weight: 700;
border: 1px solid #666666 !important;
padding: 0.5em 0.7em !important;
}

.mw-parser-output .wikitable tbody tr:nth-child(odd) { background-color: #303030 !important; }
.mw-parser-output .wikitable tbody tr:nth-child(even) { background-color: #505050 !important; }

.mw-parser-output .wikitable tbody td {
border: 1px solid #555555 !important;
color: #EAEAEA !important;
padding: 0.5em 0.7em !important;
}

/* =========================================================
TABLE OF CONTENTS – Vector 2022
========================================================= */
#vector-toc,
#toc {
background: #001D3D !important;
border: 1px solid #FFC300 !important;
border-radius: 6px;
padding: 0.75em;
}

#vector-toc .vector-pinnable-header-label,
#toc .toctitle {
color: #FFC300 !important;
font-weight: bold;
}

#vector-toc .vector-toc-text,
#toc a {
color: #EAEAEA !important;
opacity: 1 !important;
text-decoration: none;
}

/* Active item */
#vector-toc .vector-toc-list-item-active { background: transparent !important; }
#vector-toc .vector-toc-list-item-active > a.vector-toc-link { background-color: #FFD60A !important; }
#vector-toc .vector-toc-list-item-active > a.vector-toc-link .vector-toc-text {
color: #000814 !important;
font-weight: 700 !important;
}

/* Expanded parent rules */
#vector-toc .vector-toc-level-1.vector-toc-list-item-expanded > a.vector-toc-link .vector-toc-text {
color: #FFC300 !important;
font-weight: 600 !important;
}
#vector-toc .vector-toc-level-1.vector-toc-list-item-expanded.vector-toc-list-item-active > a.vector-toc-link .vector-toc-text {
color: #000814 !important;
font-weight: 700 !important;
}
#vector-toc .vector-toc-level-1.vector-toc-list-item-expanded ul .vector-toc-text {
color: #EAEAEA !important;
font-weight: normal !important;
}

/* Hover */
#vector-toc .vector-toc-list-item:not(.vector-toc-list-item-active) > a.vector-toc-link:hover .vector-toc-text {
color: #FFD60A !important;
}
#vector-toc .vector-toc-list-item-active > a.vector-toc-link:hover .vector-toc-text {
color: #000814 !important;
}

/* Remove wrappers */
.vector-toc-container,
#vector-toc-pinned-container,
.vector-pinned-container {
background: transparent !important;
border: none !important;
box-shadow: none !important;
}

/* Inline (article) TOC only */
.mw-parser-output > .toc {
background: #001D3D !important;
border: 1px solid #FFC300 !important;
}

/* =========================================================
Formula Boxes
========================================================= */
.formula-box {
display: inline-block !important; /* shrink to fit */
width: auto !important; /* no full width */
max-width: 100% !important; /* prevent overflow */
background: #001D3D;
border: 1px solid #FFC300;
border-radius: 10px;
padding: 0.8em 1em;
margin: 0.75em 0;
color: #EAEAEA;
line-height: 1.6;
white-space: normal;
overflow-wrap: anywhere;
}

.formula-box a { color: #4DA3FF !important; }
.formula-box a:visited { color: #9B7CFF !important; }

/* =========================
Vector 2022 – RIGHT PAGE TOOLS: remove the fade/gradient
========================= */
.vector-page-tools::before,
.vector-page-tools::after,
.vector-page-tools-container::before,
.vector-page-tools-container::after,
.vector-page-tools-landmark::before,
.vector-page-tools-landmark::after,
.vector-sticky-pinned-container::before,
.vector-sticky-pinned-container::after,
.vector-page-tools .vector-sticky-pinned-container::before,
.vector-page-tools .vector-sticky-pinned-container::after {
background: none !important;
background-image: none !important;
box-shadow: none !important;
filter: none !important;
backdrop-filter: none !important;
mask-image: none !important;
-webkit-mask-image: none !important;
}

/* Change Navigation Icon/Link Colors */
#mw-panel .portal a,
#mw-panel .portal a:visited {
color: #FFC300 !important; /* Change to your desired color */
}

/* Change Footer Link Colors */
div#footer ul li a,
div#footer ul li a:visited {
color: #FFC300 !important; /* Change to your desired color */
}

/* Change Footer Text and Icons */
div#footer ul li {
color: #FFC300 !important;
}

/* Change Navigation Icon/Link Colors */
#mw-panel .portal a,
#mw-panel .portal a:visited {
color: #FFC300 !important; /* Change to your desired color */
}

/* ===== NAVIGATION ICONS - VECTOR 2022 ===== */
/* User menu icon (person icon) */
.vector-user-links .vector-icon,
.vector-user-menu-login .vector-icon,
.vector-user-menu-create-account .vector-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* Settings/hamburger menu icon */
.vector-main-menu-action-toggle .vector-icon,
.vector-page-tools-landmark .vector-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* All navigation icons */
.vector-icon,
.mw-ui-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* User menu links (username) */
.vector-user-links a,
.vector-user-menu-logged-in .vector-user-links-main a {
color: #FFC300 !important;
}

/* ===== FOOTER LINKS - VECTOR 2022 ===== */
/* All footer links */
#footer a,
#footer a:link,
#footer a:visited,
.mw-footer a,
.mw-footer a:link,
.mw-footer a:visited,
footer a,
footer a:link,
footer a:visited {
color: #FFC300 !important;
}

/* Footer text color */
#footer,
#footer li,
.mw-footer,
.mw-footer li,
footer,
footer li {
color: #FFC300 !important;
}

/* Older footer selectors (keeping for compatibility) */
div#footer ul li a,
div#footer ul li a:visited {
color: #FFC300 !important;
}

div#footer ul li {
color: #FFC300 !important;
}

/* =========================================================
VECTOR 2022 – PAGE ACTIONS / TABS COLOR CONTROL
Applies to: Main Page | Discussion | Read | Edit | History | Tools
========================================================= */

/* Default page action links (not active) */
.vector-page-toolbar a,
.vector-page-toolbar a:link,
.vector-page-toolbar a:visited,
.vector-page-toolbar .mw-ui-icon a {
color: #FFC300 !important;
}

/* Hover state (optional subtle brighten) */
.vector-page-toolbar a:hover {
color: #FFD60A !important;
}

/* ACTIVE / CURRENT TAB (e.g. Main Page, Edit when editing) */
.vector-page-toolbar .selected a,
.vector-page-toolbar .mw-ui-button.mw-ui-progressive,
.vector-page-toolbar .mw-ui-button.mw-ui-progressive:visited {
color: #FFFFFF !important;
}

/* Ensure active tab background doesn't force dark text */
.vector-page-toolbar .selected a,
.vector-page-toolbar .selected span {
color: #FFFFFF !important;
}

/* Missing page links stay red */
.vector-page-toolbar a.new,
.vector-page-toolbar a.new:visited {
color: #CC2200 !important;
}

/* ============ NAVPILLS ============ */
/* Navpills styling */
.navpills-container {
margin: 1.5em 0;
padding: 0;
}

.navpills {
display: flex;
flex-wrap: wrap;
gap: 0.8em;
list-style: none;
margin: 0;
padding: 0;
}

.navpill-item {
display: inline-block;
}

.navpill-item a {
text-decoration: none !important;
}

.navpill-item a span {
display: inline-block;
padding: 0.7em 1.3em;
background: linear-gradient(135deg, #003566 0%, #001D3D 100%);
color: #FFC300 !important;
border: 2px solid #FFC300;
border-radius: 6px;
font-weight: bold;
text-decoration: none;
transition: all 0.3s ease;
font-size: 1.05em;
box-shadow: 0 2px 8px rgba(255, 195, 0, 0.2);
}

.navpill-item a:hover span {
background: linear-gradient(135deg, #FFC300 0%, #FFD60A 100%);
color: #000814 !important;
border-color: #FFD60A;
box-shadow: 0 4px 12px rgba(255, 195, 0, 0.4);
transform: translateY(-2px);
}

/* Mobile responsive */
@media (max-width: 768px) {
.navpills {
flex-direction: column;
}

.navpill-item {
width: 100%;
}

.navpill-item a span {
display: block;
text-align: center;
}
}

/* ============ TABS ============ */
/* CSS-Only Tabs */
.wiki-tabs-container-css {
margin: 2em 0;
background: linear-gradient(180deg, #001D3D 0%, #000814 100%);
border: 2px solid #FFC300;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 15px rgba(255, 195, 0, 0.2);
}

/* Hide radio buttons */
.wiki-tab-radio {
display: none;
}

/* Tab Labels (Buttons) */
.wiki-tab-label {
display: inline-block;
padding: 1em 1.5em;
background: #001D3D;
color: #FFC300;
border-right: 1px solid rgba(255, 195, 0, 0.3);
font-size: 1.1em;
font-weight: bold;
cursor: pointer;
transition: all 0.3s ease;
text-align: center;
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, serif;
margin: 0;
border-bottom: 2px solid #000814;
}

.wiki-tab-label:hover {
background: #003566;
color: #FFD60A;
}

/* Active tab style */
.wiki-tab-radio:checked + .wiki-tab-label {
background: #FFC300;
color: #000814;
border-bottom: 3px solid #FFD60A;
}

/* Tab Content */
.wiki-tab-content {
display: none;
padding: 2em;
color: #FFFFFF;
}

/* Show content when tab is checked */
.wiki-tab-radio:checked ~ .wiki-tab-content {
display: block;
}

/* Mobile Responsive */
@media (max-width: 768px) {
.wiki-tab-label {
display: block;
width: 100%;
border-right: none;
border-bottom: 1px solid rgba(255, 195, 0, 0.3);
}
}

/* =========================================================
STICKY HEADER FIX - Keep blue background when scrolling
========================================================= */

/* Sticky header container */
.vector-sticky-header,
.vector-sticky-header-container {
background: #000814 !important;
border-bottom: 2px solid #FFC300 !important;
}

/* Sticky header elements */
.vector-sticky-header-start,
.vector-sticky-header-end,
.vector-sticky-header-context-bar {
background: #000814 !important;
}

/* Page title in sticky header */
.vector-sticky-header-context-bar-primary,
.vector-sticky-header .mw-page-title-main {
color: #FFC300 !important;
}

/* Sticky header buttons and icons */
.vector-sticky-header button,
.vector-sticky-header .vector-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* Sticky header links */
.vector-sticky-header a {
color: #FFC300 !important;
}

/* Race table text override */
.racebox td {
color: black !important;
}

.racebox th {
color: white !important; /* keeps your header colors */
}

/* Equal-width navpills grid */
.navpills-equal-grid .navpills {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 1em !important;
}

.navpills-equal-grid .navpill-item {
width: 100% !important;
display: block !important;
}

.navpills-equal-grid .navpill-item a span {
display: block !important;
width: 100% !important;
text-align: center !important;
padding: 0.5em !important;
box-sizing: border-box !important;
}

@media (max-width: 768px) {
.navpills-equal-grid .navpills {
grid-template-columns: 1fr !important;
}
}

/* Race card buttons with hover animation */
.race-card {
display: block;
text-align: center;
padding: 1.5em 1em;
background: linear-gradient(135deg, #003566 0%, #001D3D 100%);
border: 2px solid #FFC300;
border-radius: 8px;
transition: all 0.3s ease;
box-shadow: 0 2px 8px rgba(255, 195, 0, 0.2);
text-decoration: none;
}

.race-card:hover {
background: linear-gradient(135deg, #FFC300 0%, #FFD60A 100%);
border-color: #FFD60A;
box-shadow: 0 4px 12px rgba(255, 195, 0, 0.4);
transform: translateY(-4px);
}

.race-card img {
display: block;
margin: 0 auto;
transition: transform 0.3s ease;
}

.race-card:hover img {
transform: scale(1.05);
}

.race-card-name {
margin-top: 0.8em;
font-size: 1.2em;
font-weight: bold;
color: #FFC300;
transition: color 0.3s ease;
}

.race-card:hover .race-card-name {
color: #000814;
}

/* =========================================================
Sticky header: center ONLY the time widgets (safe flex method)
Works with the CLEAN JS (header-widget classes)
========================================================= */

/* Keep the icons row as a flex line */
.vector-sticky-header-icons {
display: flex !important;
align-items: center !important;
gap: 10px !important;
}

/* Center container (inserted by JS) */
#sticky-time-widgets.sticky-time-widgets {
margin: 0 auto !important; /* centers the widget group */
display: inline-flex !important;
align-items: center !important;
gap: 14px !important; /* spacing between widgets */
white-space: nowrap !important;
}

/* Each widget pill */
#sticky-time-widgets .header-widget {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
padding: 6px 10px !important;
border: 1px solid #FFC300 !important;
border-radius: 999px !important;
background: linear-gradient(135deg, #003566 0%, #001D3D 100%) !important;
box-shadow: 0 2px 8px rgba(255, 195, 0, 0.18) !important;
line-height: 1 !important;
}

/* Labels + values */
#sticky-time-widgets .header-widget__label {
color: #FFC300 !important;
font-weight: 700 !important;
font-size: 0.95em !important;
}

#sticky-time-widgets .header-widget__value {
color: #FFFFFF !important;
font-weight: 700 !important;
font-variant-numeric: tabular-nums; /* keeps timer width stable */
font-size: 0.95em !important;
}

/* If the header gets cramped, hide labels first */
@media (max-width: 1100px) {
#sticky-time-widgets .header-widget__label {
display: none !important;
}
}

/* If it gets REALLY cramped, hide the whole widget group */
@media (max-width: 860px) {
#sticky-time-widgets.sticky-time-widgets {
display: none !important;
}
}

.mw-parser-output .formula-box {
display: inline-block !important;
width: fit-content !important;
max-width: 100% !important;
}

Science

2026-02-19T16:19:23Z

Sonja says: /* Re-assigning Scientists */

Sciences are the study of knowledge and create our pathway into the future. By studying the laws that govern our being and understanding the effects of these laws, we can strengthen ourselves in all that we do. The mystery of magic and thievery, our military prowess, even our methods of production can all be enhanced through the power of study with an investment in time devoted to those fields. The students of our province will lead us into the future with your careful direction.

Mastering the Arts & Sciences makes your people stronger, smarter, and more efficient. You can grow in strength without growing in size.

Details on the benefits of different sciences can be found below.



==Science Categories, Types and Effects==

{| class="wikitable"
!Science Category
!Type
!Effect
!Multiplier
|-
| '''Economy''' || Alchemy ||Income || ~0.0724
|-
| || Tools || Building Effectiveness || ~0.0524
|-
| || Housing || Population Limits || ~0.0262
|-
| || Production || Food & Rune Production || ~0.2172
|-
| || Bookkeeping || Wage Reduction || ~0.068
|-
| || Artisan || Construction Time Reduction, Construction & Raze Cost Reduction || ~0.0478
|-
| '''Military''' || Strategy || Defensive Military Efficiency || ~0.0367
|-
| || Siege || Battle Gains || ~0.0262
|-
| || Tactics || Offensive Military Efficiency || ~0.0367
|-
| || Valor || Reduced Military Train Time & Increased Dragon Slaying Strength || ~0.0582
|-
| || Heroism || Draft Speed & Draft Costs Reduction || ~0.0418
|-
| || Resilience || Reduced Military Casualties || ~0.0489
|-
| '''Arcane Arts''' || Crime || Thievery Effectiveness || ~0.1557
|-
| || Channeling ||Magic Effectiveness || ~0.1875
|-
| || Shielding || Reduced Damage from Enemy Thievery and Magic Instant Operations || ~0.0314
|-
| || Sorcery || Increased Magic Instant Damage || ~0.0314
|-
| || Cunning || Increased Thievery Operation Damage || ~0.0314
|-
| || Finesse || Reduced Wizards and Thieves lost on Failed Spells and Operations || ~0.0965
|}

== Science Formula ==
<div class="formula-box">
<b>Science Bonus =</b> ( # of Books in Type )^(1/2.125) * Science Multiplier * [[Races and Personalities|Race]] Mod * [[Races and Personalities|Personality]] Mod * [[Mystics#Amnesia|Amnesia Effect]] * [[Mystics#Scientific Insights|Scientific Insights]] Mod * [[Growth#Libraries|Libraries]] Mod
</div>

==Scientists and Books==

*Each province starts with a set number of Scientists assigned to the three science Categories (<b>Economy, Military, Arcane Arts</b>). <br>
*Scientists start out as Recruits, then as they progress they provide incrementally greater benefits with each progression. <br>
*Scientist experience is based on how many Books they have produced in that category. <br>
*Scientists have no Networth value.
*Scientists can be re-assigned at any time, but revert to Recruit level when doing so. <br>
*Every tick each province builds progress towards a new scientist. Universities increase the rate of this progress.
*Scientists produce a set number of books each tick in the Category they are allocated (<b>Economy, Military, Arcane Arts</b>), based on their rank. Schools increase this effect.<br>
*Books can be allocated to any science Type within the Category they have been produced.<br>
*Allocated books go into effect instantly.
*Inactive provinces do not produce Books.<br>


=== Scientist Spawn Rate Formula ===
<div class="formula-box">
<b>Scientists Spawn Rate =</b> 2 * [[Races and Personalities|Race]] Mod * [[Growth#Effects_of_Buildings|Universities Effect]] * [[Mystics#Revelation|Revelation]] Mod
</div>

Each province starts with a set number of scientists assigned to the various science categories. Scientists start out as Recruits that provide no bonus, then as they progress ther provide incrementally greater benefits with each progression.

*Recruit -> Novice = 3 Utopian days (3 hours)
*Novice -> Graduate = 72 Utopian days (3 days)
*Graduate -> Professor = 96 Utopian days (4 days)

Scientists can be re-assigned at any time, but revert to Recruit level when doing so. <br>
Every tick each province builds progress towards a new random scientist. Universities increase the rate of this progress.

{| class="wikitable"
!Modifier Type
!Multiplier
|-
| Race: [[Races and Personalities|Human]] || 1.25
|-
| Spell: [[Mystics#Revelation|Revelation]] || 1.3
|}

=== Scientist Ranks and Production ===

{| class="wikitable"
!Rank
!Experience
!Book Production
|-
| '''Recruit''' || 0-1439 || 60
|-
| '''Novice''' || 1440-5279 || 80
|-
| '''Graduate''' || 5280-12479 || 100
|-
| '''Professor''' || 12480+ || 120
|}

=== Re-assigning Scientists ===

Re-assigning scientists drops them back to a recruit.



=== Science Bonus ===

<div class="formula-box">
<b>Science Bonus =</b> [ ''MIN''( Science Multiplier * Skill points , Cap ) + ''MAX''( 0, Science Multiplier * Skill points - Cap ) * Diminishing Return Factor ] * [[Races and Personalities|Race]] Mod * [[Races and Personalities|Personality]] Mod * [[Mystics#Scientific_Insights|Scientific Insights]] Mod
</div>

{| class="wikitable"
!Modifier Type
!Multiplier
!Science Category
|-
| Personality: [[Races and Personalities|Heretic]] || 1.3 || Crime
|-
| Personality: [[Races and Personalities|Heretic]] || 1.3 || Channeling
|-
| Personality: [[Races and Personalities|Rogue]] || 1.5 || Crime
|-
| Personality: [[Races and Personalities|Mystic]] || 1.75 || Channeling
|-
| Personality: [[Races and Personalities|Sage]] || 1.3 || All
|-
| Spell: [[Mystics#Scientific_Insights|Scientific Insights]] || 1.1 || All
|}

=== Scientist Networth ===

<div class="formula-box">
<b>Networth Per Scientist =</b> ~1.7gc * tick of experience
</div>

* Professors experience caps at 72 hours
* A maxed-out professor will provide ~413gc Networth

=== Book Networth ===

<div class="formula-box">
NW = Books * 0.000006 * Current Land
</div>

<!--
=== Age 69 - Age 76 ===

'''Abduct Attacks'''<br>
*Through combat, you can abduct scientists from another province. Universities protect a province from abduction. '''Note: Abduct attack has been removed in Age 77.'''

'''Changelog'''
*Age 69: The new science system is introduced.
*Age 70: Professors experience capped at 72 hours (a maxed-out professor will provide ~624gc Networth). Tools cap increased from 15% to 20%, housing and military cap from 10% to 15%, food from 100% to 200%, channeling from 100% to 125%. Additional scientist rank added: Recruit.
*Age 71: Approximately +50% scientists will be required to reach maximum effects (see table below). Production Science maximum will be 120% (down from 200%) and it will increase both Food and Rune production.
*Age 72: Scientists are generated on a flat ratio (7.5) similar to wizards instead of via RNG.
*Age 73: Science will no longer have a hard maximum for all categories. Science will scale in a linear fashion up to the previously stated maximums as normal. Once this point is reached additional scientists will yield diminishing returns.
*Age 74: Scientist experience will now show on the Science page and in the Spy on Sciences.
*Age 76: The number of scientists required for soft cap will be the same number for all categories: 35.

'''Old scientist multipliers and caps, during Age 76:'''
{| cellpadding="4"
|-bgcolor="#dedeff"
| '''Science Category''' || '''Effect''' || ''' Multiplier''' || '''Soft Cap'''
|-
| '''Alchemy''' || Income || 0.428 || 30%
|-
| '''Tools''' || Building Effectiveness || 0.287 || 20%
|-
| '''Housing''' || Population Limits || 0.215 || 15%
|-
| '''Production''' || Food & Rune Production || 1.714 || 120%
|-
| '''Military''' || Military Efficiency || 0.215 || 15%
|-
| '''Crime''' || Thievery Effectiveness || 1.428 || 100%
|-
| '''Channeling''' || Magic Effectiveness || 1.785 || 125%
|}

'''Old scientist multipliers and caps, Age 71 - Age 75:'''
{| cellpadding="4"
|-bgcolor="#dedeff"
| '''Science Category''' || '''Effect''' || ''' Multiplier''' || '''Cap''' || '''Scientist Cap'''
|-
| '''Alchemy''' || Income || 0.5 || 30% || 30
|-
| '''Tools''' || Building Effectiveness || 0.33 || 20% || 31
|-
| '''Housing''' || Population Limits || 0.2 || 15% || 38
|-
| '''Production''' || Food & Rune Production || 2 || 120% || 30
|-
| '''Military''' || Military Efficiency || 0.2 || 15% || 38
|-
| '''Crime''' || Thievery Effectiveness || 1.65 || 100% || 31
|-
| '''Channeling''' || Magic Effectiveness || 2 || 125% || 32
|}

<!--*

=== Age ?? to Age 68 ===

'''NOTE: These formulas apply to the old books system of science. In Age 69, books were replaced by scientists.'''
'''From Ages ?? to 68 Science formulas worked as follows:'''

'''Science Effects'''
<b>Books per Acre =</b> Books / MAX(Acres,300)

<b>Science Bonus =</b> [[Races and Personalities|Race]] Mod * [[Races and Personalities|Personality]] Mod * Science Multiplier * ''SQRT''( Books per Acre ) * [[Growth|Library Effect]]

{| cellpadding="4"
|-bgcolor="#dedeff"
| '''Science Category''' || '''Multiplier'''
|-
| '''Alchemy''' || 1.4
|-
| '''Tools''' || 1
|-
| '''Housing''' || 0.65
|-
| '''Food''' || 8
|-
| '''Military''' || 0.52
|-
| '''Thievery''' || 6
|-
| '''Channeling''' || 6
|}

'''Science Costs'''
<b>Science Cost =</b> Raw Cost (''Table Below'') * [[Races and Personalities|Race]] Mod * [[Growth|Schools Effect]]

{| cellpadding="4"
|-bgcolor="#dedeff"
| '''Science Rate''' || '''BPA''' || '''GC / Book''' || '''GC / Acre'''
|-
| '''No Research''' || 0 || 0 || 0 ||
|-
| '''Minimal''' || 0.3 || 6 || 1.8
|-
| '''Limited''' || 0.4 || 7 || 2.8
|-
| '''Sustained''' || 0.5 || 9 || 4.5
|-
| '''Active''' || 0.7 || 13 || 9.1
|-
| '''Focused''' || 0.9 || 17 || 15.3
|-
| '''Accelerated''' || 1.2 || 22 || 26.4
|-
| '''Intensive''' || 1.5 || 27 || 40.5
|-
| '''Rushed''' || 2.0 || 36 || 72.0
|-
| '''Extreme''' || 3.0 || 50 || 150.0
|}

MediaWiki:Common.css

2026-02-19T16:15:39Z

Sonja says:

/* =========================================================
GLOBAL THEME – MediaWiki 1.45 / Vector 2022
========================================================= */

/* ---------- Keyframes ---------- */
@keyframes gradient {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}

@keyframes float {
0% { transform: translateY(0px) translateX(0px) scale(1); opacity: 0; }
10% { opacity: 1; }
90% { opacity: 1; }
100% { transform: translateY(-100vh) translateX(30px) scale(1.2); opacity: 0; }
}

/* ---------- Animated gradient layer ---------- */
body::before {
content: '';
position: fixed;
inset: 0;
z-index: -2;
background: linear-gradient(-45deg, #000814, #001d3d, #000814, #003566);
background-size: 400% 400%;
animation: gradient 15s ease infinite;
}

/* ---------- Base background reset ---------- */
html,
body,
.vector-feature-page-tools-disabled .mw-page-container,
.vector-feature-page-tools-enabled .mw-page-container {
background: transparent !important;
}

/* Transparent content containers */
.mw-page-container,
.mw-body,
.vector-body {
background: transparent !important;
}

/* ---------- Particle canvas ---------- */
#particle-canvas {
position: fixed;
inset: 0;
z-index: -1;
pointer-events: none;
}

/* ---------- Base text ---------- */
body,
.mw-body,
.mw-body-content,
#mw-content-text,
.vector-body {
color: #fff !important;
}

/* ---------- Headings ---------- */
h1, h2, h3, h4, h5, h6,
.mw-headline,
#firstHeading,
.mw-page-title-main,
.page-Main_Page h1 {
color: #FFC300 !important;
}

/* ---------- Logo ---------- */
.mw-logo-icon,
.mw-logo-icon img,
.mw-logo img,
.mw-logo a.mw-logo-container img {
height: 100px !important;
width: auto !important;
max-height: 100px !important;
}
.mw-logo-icon { background-size: auto 100px !important; }

@media (max-width: 720px) {
.mw-logo-icon,
.mw-logo-icon img,
.mw-logo img,
.mw-logo a.mw-logo-container img {
height: 32px !important;
max-height: 32px !important;
}
.mw-logo-icon { background-size: auto 32px !important; }
}

/* ---------- Header ---------- */
.vector-header-container,
.vector-header,
#mw-header-container,
.mw-header {
background: #000814 !important;
border-bottom: 2px solid #FFC300 !important;
}

/* Site name */
.mw-logo-wordmark,
.mw-logo-wordmark a {
color: #FFC300 !important;
font-size: 1.8em !important;
font-weight: bold !important;
text-decoration: none !important;
}
.mw-logo-wordmark a:hover { color: #FFD60A !important; }

/* Sidebar headings */
.vector-pinnable-header-label,
.vector-main-menu-heading,
.mw-portlet h3 {
color: #FFC300 !important;
}

/* =========================================================
PAGE CONTENT LINKS
========================================================= */
.mw-parser-output a { color: #4DA3FF !important; }
.mw-parser-output a:visited { color: #9B7CFF !important; }
.mw-parser-output a:hover { color: #6BB6FF !important; text-decoration: underline; }
.mw-parser-output a:active { color: #1F4FA3 !important; }
.mw-parser-output a.new,
.mw-parser-output a.new:visited { color: #CC2200 !important; }

/* Optional: keep only if something is overriding text colors inside articles */
/* .mw-parser-output { color: #fff !important; } */

/* =========================================================
GLOBAL TABLE THEME (ALL PAGES)
========================================================= */

.mw-parser-output .wikitable {
width: auto !important; /* stop full-width */
display: inline-table !important;/* shrink-wrap to content */
max-width: 100% !important; /* don’t overflow the page */
border-collapse: collapse !important;
margin: 0.75em 0;
background: #303030 !important;
border: 1px solid #555555 !important;
}

.mw-parser-output .wikitable caption {
background: #001D3D !important;
color: #fff !important;
font-weight: bold;
padding: 0.5em 0.7em !important;
border-bottom: 1px solid #555555 !important;
}

.mw-parser-output .wikitable thead th {
background: #000 !important;
color: #EAEAEA !important;
font-weight: 700;
border: 1px solid #666666 !important;
padding: 0.5em 0.7em !important;
}

.mw-parser-output .wikitable tbody tr:nth-child(odd) { background-color: #303030 !important; }
.mw-parser-output .wikitable tbody tr:nth-child(even) { background-color: #505050 !important; }

.mw-parser-output .wikitable tbody td {
border: 1px solid #555555 !important;
color: #EAEAEA !important;
padding: 0.5em 0.7em !important;
}

/* =========================================================
TABLE OF CONTENTS – Vector 2022
========================================================= */
#vector-toc,
#toc {
background: #001D3D !important;
border: 1px solid #FFC300 !important;
border-radius: 6px;
padding: 0.75em;
}

#vector-toc .vector-pinnable-header-label,
#toc .toctitle {
color: #FFC300 !important;
font-weight: bold;
}

#vector-toc .vector-toc-text,
#toc a {
color: #EAEAEA !important;
opacity: 1 !important;
text-decoration: none;
}

/* Active item */
#vector-toc .vector-toc-list-item-active { background: transparent !important; }
#vector-toc .vector-toc-list-item-active > a.vector-toc-link { background-color: #FFD60A !important; }
#vector-toc .vector-toc-list-item-active > a.vector-toc-link .vector-toc-text {
color: #000814 !important;
font-weight: 700 !important;
}

/* Expanded parent rules */
#vector-toc .vector-toc-level-1.vector-toc-list-item-expanded > a.vector-toc-link .vector-toc-text {
color: #FFC300 !important;
font-weight: 600 !important;
}
#vector-toc .vector-toc-level-1.vector-toc-list-item-expanded.vector-toc-list-item-active > a.vector-toc-link .vector-toc-text {
color: #000814 !important;
font-weight: 700 !important;
}
#vector-toc .vector-toc-level-1.vector-toc-list-item-expanded ul .vector-toc-text {
color: #EAEAEA !important;
font-weight: normal !important;
}

/* Hover */
#vector-toc .vector-toc-list-item:not(.vector-toc-list-item-active) > a.vector-toc-link:hover .vector-toc-text {
color: #FFD60A !important;
}
#vector-toc .vector-toc-list-item-active > a.vector-toc-link:hover .vector-toc-text {
color: #000814 !important;
}

/* Remove wrappers */
.vector-toc-container,
#vector-toc-pinned-container,
.vector-pinned-container {
background: transparent !important;
border: none !important;
box-shadow: none !important;
}

/* Inline (article) TOC only */
.mw-parser-output > .toc {
background: #001D3D !important;
border: 1px solid #FFC300 !important;
}

/* =========================================================
Draft Cost Formula
========================================================= */
.formula-box {
display: inline-block !important; /* shrink to fit */
width: auto !important; /* no full width */
max-width: 100% !important; /* prevent overflow */

background: #001D3D;
border: 1px solid #FFC300;
border-radius: 10px;
padding: 0.8em 1em;
margin: 0.75em 0;
color: #EAEAEA;
line-height: 1.6;
white-space: normal;
overflow-wrap: anywhere;
}

.formula-box a { color: #4DA3FF !important; }
.formula-box a:visited { color: #9B7CFF !important; }

/* =========================
Vector 2022 – RIGHT PAGE TOOLS: remove the fade/gradient
========================= */
.vector-page-tools::before,
.vector-page-tools::after,
.vector-page-tools-container::before,
.vector-page-tools-container::after,
.vector-page-tools-landmark::before,
.vector-page-tools-landmark::after,
.vector-sticky-pinned-container::before,
.vector-sticky-pinned-container::after,
.vector-page-tools .vector-sticky-pinned-container::before,
.vector-page-tools .vector-sticky-pinned-container::after {
background: none !important;
background-image: none !important;
box-shadow: none !important;
filter: none !important;
backdrop-filter: none !important;
mask-image: none !important;
-webkit-mask-image: none !important;
}

/* Change Navigation Icon/Link Colors */
#mw-panel .portal a,
#mw-panel .portal a:visited {
color: #FFC300 !important; /* Change to your desired color */
}

/* Change Footer Link Colors */
div#footer ul li a,
div#footer ul li a:visited {
color: #FFC300 !important; /* Change to your desired color */
}

/* Change Footer Text and Icons */
div#footer ul li {
color: #FFC300 !important;
}

/* Change Navigation Icon/Link Colors */
#mw-panel .portal a,
#mw-panel .portal a:visited {
color: #FFC300 !important; /* Change to your desired color */
}

/* ===== NAVIGATION ICONS - VECTOR 2022 ===== */
/* User menu icon (person icon) */
.vector-user-links .vector-icon,
.vector-user-menu-login .vector-icon,
.vector-user-menu-create-account .vector-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* Settings/hamburger menu icon */
.vector-main-menu-action-toggle .vector-icon,
.vector-page-tools-landmark .vector-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* All navigation icons */
.vector-icon,
.mw-ui-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* User menu links (username) */
.vector-user-links a,
.vector-user-menu-logged-in .vector-user-links-main a {
color: #FFC300 !important;
}

/* ===== FOOTER LINKS - VECTOR 2022 ===== */
/* All footer links */
#footer a,
#footer a:link,
#footer a:visited,
.mw-footer a,
.mw-footer a:link,
.mw-footer a:visited,
footer a,
footer a:link,
footer a:visited {
color: #FFC300 !important;
}

/* Footer text color */
#footer,
#footer li,
.mw-footer,
.mw-footer li,
footer,
footer li {
color: #FFC300 !important;
}

/* Older footer selectors (keeping for compatibility) */
div#footer ul li a,
div#footer ul li a:visited {
color: #FFC300 !important;
}

div#footer ul li {
color: #FFC300 !important;
}

/* =========================================================
VECTOR 2022 – PAGE ACTIONS / TABS COLOR CONTROL
Applies to: Main Page | Discussion | Read | Edit | History | Tools
========================================================= */

/* Default page action links (not active) */
.vector-page-toolbar a,
.vector-page-toolbar a:link,
.vector-page-toolbar a:visited,
.vector-page-toolbar .mw-ui-icon a {
color: #FFC300 !important;
}

/* Hover state (optional subtle brighten) */
.vector-page-toolbar a:hover {
color: #FFD60A !important;
}

/* ACTIVE / CURRENT TAB (e.g. Main Page, Edit when editing) */
.vector-page-toolbar .selected a,
.vector-page-toolbar .mw-ui-button.mw-ui-progressive,
.vector-page-toolbar .mw-ui-button.mw-ui-progressive:visited {
color: #FFFFFF !important;
}

/* Ensure active tab background doesn't force dark text */
.vector-page-toolbar .selected a,
.vector-page-toolbar .selected span {
color: #FFFFFF !important;
}

/* Missing page links stay red */
.vector-page-toolbar a.new,
.vector-page-toolbar a.new:visited {
color: #CC2200 !important;
}

/* ============ NAVPILLS ============ */
/* Navpills styling */
.navpills-container {
margin: 1.5em 0;
padding: 0;
}

.navpills {
display: flex;
flex-wrap: wrap;
gap: 0.8em;
list-style: none;
margin: 0;
padding: 0;
}

.navpill-item {
display: inline-block;
}

.navpill-item a {
text-decoration: none !important;
}

.navpill-item a span {
display: inline-block;
padding: 0.7em 1.3em;
background: linear-gradient(135deg, #003566 0%, #001D3D 100%);
color: #FFC300 !important;
border: 2px solid #FFC300;
border-radius: 6px;
font-weight: bold;
text-decoration: none;
transition: all 0.3s ease;
font-size: 1.05em;
box-shadow: 0 2px 8px rgba(255, 195, 0, 0.2);
}

.navpill-item a:hover span {
background: linear-gradient(135deg, #FFC300 0%, #FFD60A 100%);
color: #000814 !important;
border-color: #FFD60A;
box-shadow: 0 4px 12px rgba(255, 195, 0, 0.4);
transform: translateY(-2px);
}

/* Mobile responsive */
@media (max-width: 768px) {
.navpills {
flex-direction: column;
}

.navpill-item {
width: 100%;
}

.navpill-item a span {
display: block;
text-align: center;
}
}

/* ============ TABS ============ */
/* CSS-Only Tabs */
.wiki-tabs-container-css {
margin: 2em 0;
background: linear-gradient(180deg, #001D3D 0%, #000814 100%);
border: 2px solid #FFC300;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 15px rgba(255, 195, 0, 0.2);
}

/* Hide radio buttons */
.wiki-tab-radio {
display: none;
}

/* Tab Labels (Buttons) */
.wiki-tab-label {
display: inline-block;
padding: 1em 1.5em;
background: #001D3D;
color: #FFC300;
border-right: 1px solid rgba(255, 195, 0, 0.3);
font-size: 1.1em;
font-weight: bold;
cursor: pointer;
transition: all 0.3s ease;
text-align: center;
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, serif;
margin: 0;
border-bottom: 2px solid #000814;
}

.wiki-tab-label:hover {
background: #003566;
color: #FFD60A;
}

/* Active tab style */
.wiki-tab-radio:checked + .wiki-tab-label {
background: #FFC300;
color: #000814;
border-bottom: 3px solid #FFD60A;
}

/* Tab Content */
.wiki-tab-content {
display: none;
padding: 2em;
color: #FFFFFF;
}

/* Show content when tab is checked */
.wiki-tab-radio:checked ~ .wiki-tab-content {
display: block;
}

/* Mobile Responsive */
@media (max-width: 768px) {
.wiki-tab-label {
display: block;
width: 100%;
border-right: none;
border-bottom: 1px solid rgba(255, 195, 0, 0.3);
}
}

/* =========================================================
STICKY HEADER FIX - Keep blue background when scrolling
========================================================= */

/* Sticky header container */
.vector-sticky-header,
.vector-sticky-header-container {
background: #000814 !important;
border-bottom: 2px solid #FFC300 !important;
}

/* Sticky header elements */
.vector-sticky-header-start,
.vector-sticky-header-end,
.vector-sticky-header-context-bar {
background: #000814 !important;
}

/* Page title in sticky header */
.vector-sticky-header-context-bar-primary,
.vector-sticky-header .mw-page-title-main {
color: #FFC300 !important;
}

/* Sticky header buttons and icons */
.vector-sticky-header button,
.vector-sticky-header .vector-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* Sticky header links */
.vector-sticky-header a {
color: #FFC300 !important;
}

/* Race table text override */
.racebox td {
color: black !important;
}

.racebox th {
color: white !important; /* keeps your header colors */
}

/* Equal-width navpills grid */
.navpills-equal-grid .navpills {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 1em !important;
}

.navpills-equal-grid .navpill-item {
width: 100% !important;
display: block !important;
}

.navpills-equal-grid .navpill-item a span {
display: block !important;
width: 100% !important;
text-align: center !important;
padding: 0.5em !important;
box-sizing: border-box !important;
}

@media (max-width: 768px) {
.navpills-equal-grid .navpills {
grid-template-columns: 1fr !important;
}
}

/* Race card buttons with hover animation */
.race-card {
display: block;
text-align: center;
padding: 1.5em 1em;
background: linear-gradient(135deg, #003566 0%, #001D3D 100%);
border: 2px solid #FFC300;
border-radius: 8px;
transition: all 0.3s ease;
box-shadow: 0 2px 8px rgba(255, 195, 0, 0.2);
text-decoration: none;
}

.race-card:hover {
background: linear-gradient(135deg, #FFC300 0%, #FFD60A 100%);
border-color: #FFD60A;
box-shadow: 0 4px 12px rgba(255, 195, 0, 0.4);
transform: translateY(-4px);
}

.race-card img {
display: block;
margin: 0 auto;
transition: transform 0.3s ease;
}

.race-card:hover img {
transform: scale(1.05);
}

.race-card-name {
margin-top: 0.8em;
font-size: 1.2em;
font-weight: bold;
color: #FFC300;
transition: color 0.3s ease;
}

.race-card:hover .race-card-name {
color: #000814;
}

/* =========================================================
Sticky header: center ONLY the time widgets (safe flex method)
Works with the CLEAN JS (header-widget classes)
========================================================= */

/* Keep the icons row as a flex line */
.vector-sticky-header-icons {
display: flex !important;
align-items: center !important;
gap: 10px !important;
}

/* Center container (inserted by JS) */
#sticky-time-widgets.sticky-time-widgets {
margin: 0 auto !important; /* centers the widget group */
display: inline-flex !important;
align-items: center !important;
gap: 14px !important; /* spacing between widgets */
white-space: nowrap !important;
}

/* Each widget pill */
#sticky-time-widgets .header-widget {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
padding: 6px 10px !important;
border: 1px solid #FFC300 !important;
border-radius: 999px !important;
background: linear-gradient(135deg, #003566 0%, #001D3D 100%) !important;
box-shadow: 0 2px 8px rgba(255, 195, 0, 0.18) !important;
line-height: 1 !important;
}

/* Labels + values */
#sticky-time-widgets .header-widget__label {
color: #FFC300 !important;
font-weight: 700 !important;
font-size: 0.95em !important;
}

#sticky-time-widgets .header-widget__value {
color: #FFFFFF !important;
font-weight: 700 !important;
font-variant-numeric: tabular-nums; /* keeps timer width stable */
font-size: 0.95em !important;
}

/* If the header gets cramped, hide labels first */
@media (max-width: 1100px) {
#sticky-time-widgets .header-widget__label {
display: none !important;
}
}

/* If it gets REALLY cramped, hide the whole widget group */
@media (max-width: 860px) {
#sticky-time-widgets.sticky-time-widgets {
display: none !important;
}
}

MediaWiki:Common.css

2026-02-19T16:14:22Z

Sonja says:

/* =========================================================
GLOBAL THEME – MediaWiki 1.45 / Vector 2022
========================================================= */

/* ---------- Keyframes ---------- */
@keyframes gradient {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}

@keyframes float {
0% { transform: translateY(0px) translateX(0px) scale(1); opacity: 0; }
10% { opacity: 1; }
90% { opacity: 1; }
100% { transform: translateY(-100vh) translateX(30px) scale(1.2); opacity: 0; }
}

/* ---------- Animated gradient layer ---------- */
body::before {
content: '';
position: fixed;
inset: 0;
z-index: -2;
background: linear-gradient(-45deg, #000814, #001d3d, #000814, #003566);
background-size: 400% 400%;
animation: gradient 15s ease infinite;
}

/* ---------- Base background reset ---------- */
html,
body,
.vector-feature-page-tools-disabled .mw-page-container,
.vector-feature-page-tools-enabled .mw-page-container {
background: transparent !important;
}

/* Transparent content containers */
.mw-page-container,
.mw-body,
.vector-body {
background: transparent !important;
}

/* ---------- Particle canvas ---------- */
#particle-canvas {
position: fixed;
inset: 0;
z-index: -1;
pointer-events: none;
}

/* ---------- Base text ---------- */
body,
.mw-body,
.mw-body-content,
#mw-content-text,
.vector-body {
color: #fff !important;
}

/* ---------- Headings ---------- */
h1, h2, h3, h4, h5, h6,
.mw-headline,
#firstHeading,
.mw-page-title-main,
.page-Main_Page h1 {
color: #FFC300 !important;
}

/* ---------- Logo ---------- */
.mw-logo-icon,
.mw-logo-icon img,
.mw-logo img,
.mw-logo a.mw-logo-container img {
height: 100px !important;
width: auto !important;
max-height: 100px !important;
}
.mw-logo-icon { background-size: auto 100px !important; }

@media (max-width: 720px) {
.mw-logo-icon,
.mw-logo-icon img,
.mw-logo img,
.mw-logo a.mw-logo-container img {
height: 32px !important;
max-height: 32px !important;
}
.mw-logo-icon { background-size: auto 32px !important; }
}

/* ---------- Header ---------- */
.vector-header-container,
.vector-header,
#mw-header-container,
.mw-header {
background: #000814 !important;
border-bottom: 2px solid #FFC300 !important;
}

/* Site name */
.mw-logo-wordmark,
.mw-logo-wordmark a {
color: #FFC300 !important;
font-size: 1.8em !important;
font-weight: bold !important;
text-decoration: none !important;
}
.mw-logo-wordmark a:hover { color: #FFD60A !important; }

/* Sidebar headings */
.vector-pinnable-header-label,
.vector-main-menu-heading,
.mw-portlet h3 {
color: #FFC300 !important;
}

/* =========================================================
PAGE CONTENT LINKS
========================================================= */
.mw-parser-output a { color: #4DA3FF !important; }
.mw-parser-output a:visited { color: #9B7CFF !important; }
.mw-parser-output a:hover { color: #6BB6FF !important; text-decoration: underline; }
.mw-parser-output a:active { color: #1F4FA3 !important; }
.mw-parser-output a.new,
.mw-parser-output a.new:visited { color: #CC2200 !important; }

/* Optional: keep only if something is overriding text colors inside articles */
/* .mw-parser-output { color: #fff !important; } */

/* =========================================================
GLOBAL TABLE THEME (ALL PAGES)
========================================================= */

.mw-parser-output .wikitable {
width: auto !important; /* stop full-width */
display: inline-table !important;/* shrink-wrap to content */
max-width: 100% !important; /* don’t overflow the page */
border-collapse: collapse !important;
margin: 0.75em 0;
background: #303030 !important;
border: 1px solid #555555 !important;
}

.mw-parser-output .wikitable caption {
background: #001D3D !important;
color: #fff !important;
font-weight: bold;
padding: 0.5em 0.7em !important;
border-bottom: 1px solid #555555 !important;
}

.mw-parser-output .wikitable thead th {
background: #000 !important;
color: #EAEAEA !important;
font-weight: 700;
border: 1px solid #666666 !important;
padding: 0.5em 0.7em !important;
}

.mw-parser-output .wikitable tbody tr:nth-child(odd) { background-color: #303030 !important; }
.mw-parser-output .wikitable tbody tr:nth-child(even) { background-color: #505050 !important; }

.mw-parser-output .wikitable tbody td {
border: 1px solid #555555 !important;
color: #EAEAEA !important;
padding: 0.5em 0.7em !important;
}

/* =========================================================
TABLE OF CONTENTS – Vector 2022
========================================================= */
#vector-toc,
#toc {
background: #001D3D !important;
border: 1px solid #FFC300 !important;
border-radius: 6px;
padding: 0.75em;
}

#vector-toc .vector-pinnable-header-label,
#toc .toctitle {
color: #FFC300 !important;
font-weight: bold;
}

#vector-toc .vector-toc-text,
#toc a {
color: #EAEAEA !important;
opacity: 1 !important;
text-decoration: none;
}

/* Active item */
#vector-toc .vector-toc-list-item-active { background: transparent !important; }
#vector-toc .vector-toc-list-item-active > a.vector-toc-link { background-color: #FFD60A !important; }
#vector-toc .vector-toc-list-item-active > a.vector-toc-link .vector-toc-text {
color: #000814 !important;
font-weight: 700 !important;
}

/* Expanded parent rules */
#vector-toc .vector-toc-level-1.vector-toc-list-item-expanded > a.vector-toc-link .vector-toc-text {
color: #FFC300 !important;
font-weight: 600 !important;
}
#vector-toc .vector-toc-level-1.vector-toc-list-item-expanded.vector-toc-list-item-active > a.vector-toc-link .vector-toc-text {
color: #000814 !important;
font-weight: 700 !important;
}
#vector-toc .vector-toc-level-1.vector-toc-list-item-expanded ul .vector-toc-text {
color: #EAEAEA !important;
font-weight: normal !important;
}

/* Hover */
#vector-toc .vector-toc-list-item:not(.vector-toc-list-item-active) > a.vector-toc-link:hover .vector-toc-text {
color: #FFD60A !important;
}
#vector-toc .vector-toc-list-item-active > a.vector-toc-link:hover .vector-toc-text {
color: #000814 !important;
}

/* Remove wrappers */
.vector-toc-container,
#vector-toc-pinned-container,
.vector-pinned-container {
background: transparent !important;
border: none !important;
box-shadow: none !important;
}

/* Inline (article) TOC only */
.mw-parser-output > .toc {
background: #001D3D !important;
border: 1px solid #FFC300 !important;
}

/* =========================================================
Draft Cost Formula
========================================================= */
.formula-box {
background: #001D3D;
border: 1px solid #FFC300;
border-radius: 10px;
padding: 0.8em 1em;
margin: 0.75em 0;
color: #EAEAEA;
line-height: 1.6;
white-space: normal;
overflow-wrap: anywhere;
}
.formula-box a { color: #4DA3FF !important; }
.formula-box a:visited { color: #9B7CFF !important; }

/* =========================
Vector 2022 – RIGHT PAGE TOOLS: remove the fade/gradient
========================= */
.vector-page-tools::before,
.vector-page-tools::after,
.vector-page-tools-container::before,
.vector-page-tools-container::after,
.vector-page-tools-landmark::before,
.vector-page-tools-landmark::after,
.vector-sticky-pinned-container::before,
.vector-sticky-pinned-container::after,
.vector-page-tools .vector-sticky-pinned-container::before,
.vector-page-tools .vector-sticky-pinned-container::after {
background: none !important;
background-image: none !important;
box-shadow: none !important;
filter: none !important;
backdrop-filter: none !important;
mask-image: none !important;
-webkit-mask-image: none !important;
}

/* Change Navigation Icon/Link Colors */
#mw-panel .portal a,
#mw-panel .portal a:visited {
color: #FFC300 !important; /* Change to your desired color */
}

/* Change Footer Link Colors */
div#footer ul li a,
div#footer ul li a:visited {
color: #FFC300 !important; /* Change to your desired color */
}

/* Change Footer Text and Icons */
div#footer ul li {
color: #FFC300 !important;
}

/* Change Navigation Icon/Link Colors */
#mw-panel .portal a,
#mw-panel .portal a:visited {
color: #FFC300 !important; /* Change to your desired color */
}

/* ===== NAVIGATION ICONS - VECTOR 2022 ===== */
/* User menu icon (person icon) */
.vector-user-links .vector-icon,
.vector-user-menu-login .vector-icon,
.vector-user-menu-create-account .vector-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* Settings/hamburger menu icon */
.vector-main-menu-action-toggle .vector-icon,
.vector-page-tools-landmark .vector-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* All navigation icons */
.vector-icon,
.mw-ui-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* User menu links (username) */
.vector-user-links a,
.vector-user-menu-logged-in .vector-user-links-main a {
color: #FFC300 !important;
}

/* ===== FOOTER LINKS - VECTOR 2022 ===== */
/* All footer links */
#footer a,
#footer a:link,
#footer a:visited,
.mw-footer a,
.mw-footer a:link,
.mw-footer a:visited,
footer a,
footer a:link,
footer a:visited {
color: #FFC300 !important;
}

/* Footer text color */
#footer,
#footer li,
.mw-footer,
.mw-footer li,
footer,
footer li {
color: #FFC300 !important;
}

/* Older footer selectors (keeping for compatibility) */
div#footer ul li a,
div#footer ul li a:visited {
color: #FFC300 !important;
}

div#footer ul li {
color: #FFC300 !important;
}

/* =========================================================
VECTOR 2022 – PAGE ACTIONS / TABS COLOR CONTROL
Applies to: Main Page | Discussion | Read | Edit | History | Tools
========================================================= */

/* Default page action links (not active) */
.vector-page-toolbar a,
.vector-page-toolbar a:link,
.vector-page-toolbar a:visited,
.vector-page-toolbar .mw-ui-icon a {
color: #FFC300 !important;
}

/* Hover state (optional subtle brighten) */
.vector-page-toolbar a:hover {
color: #FFD60A !important;
}

/* ACTIVE / CURRENT TAB (e.g. Main Page, Edit when editing) */
.vector-page-toolbar .selected a,
.vector-page-toolbar .mw-ui-button.mw-ui-progressive,
.vector-page-toolbar .mw-ui-button.mw-ui-progressive:visited {
color: #FFFFFF !important;
}

/* Ensure active tab background doesn't force dark text */
.vector-page-toolbar .selected a,
.vector-page-toolbar .selected span {
color: #FFFFFF !important;
}

/* Missing page links stay red */
.vector-page-toolbar a.new,
.vector-page-toolbar a.new:visited {
color: #CC2200 !important;
}

/* ============ NAVPILLS ============ */
/* Navpills styling */
.navpills-container {
margin: 1.5em 0;
padding: 0;
}

.navpills {
display: flex;
flex-wrap: wrap;
gap: 0.8em;
list-style: none;
margin: 0;
padding: 0;
}

.navpill-item {
display: inline-block;
}

.navpill-item a {
text-decoration: none !important;
}

.navpill-item a span {
display: inline-block;
padding: 0.7em 1.3em;
background: linear-gradient(135deg, #003566 0%, #001D3D 100%);
color: #FFC300 !important;
border: 2px solid #FFC300;
border-radius: 6px;
font-weight: bold;
text-decoration: none;
transition: all 0.3s ease;
font-size: 1.05em;
box-shadow: 0 2px 8px rgba(255, 195, 0, 0.2);
}

.navpill-item a:hover span {
background: linear-gradient(135deg, #FFC300 0%, #FFD60A 100%);
color: #000814 !important;
border-color: #FFD60A;
box-shadow: 0 4px 12px rgba(255, 195, 0, 0.4);
transform: translateY(-2px);
}

/* Mobile responsive */
@media (max-width: 768px) {
.navpills {
flex-direction: column;
}

.navpill-item {
width: 100%;
}

.navpill-item a span {
display: block;
text-align: center;
}
}

/* ============ TABS ============ */
/* CSS-Only Tabs */
.wiki-tabs-container-css {
margin: 2em 0;
background: linear-gradient(180deg, #001D3D 0%, #000814 100%);
border: 2px solid #FFC300;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 15px rgba(255, 195, 0, 0.2);
}

/* Hide radio buttons */
.wiki-tab-radio {
display: none;
}

/* Tab Labels (Buttons) */
.wiki-tab-label {
display: inline-block;
padding: 1em 1.5em;
background: #001D3D;
color: #FFC300;
border-right: 1px solid rgba(255, 195, 0, 0.3);
font-size: 1.1em;
font-weight: bold;
cursor: pointer;
transition: all 0.3s ease;
text-align: center;
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, serif;
margin: 0;
border-bottom: 2px solid #000814;
}

.wiki-tab-label:hover {
background: #003566;
color: #FFD60A;
}

/* Active tab style */
.wiki-tab-radio:checked + .wiki-tab-label {
background: #FFC300;
color: #000814;
border-bottom: 3px solid #FFD60A;
}

/* Tab Content */
.wiki-tab-content {
display: none;
padding: 2em;
color: #FFFFFF;
}

/* Show content when tab is checked */
.wiki-tab-radio:checked ~ .wiki-tab-content {
display: block;
}

/* Mobile Responsive */
@media (max-width: 768px) {
.wiki-tab-label {
display: block;
width: 100%;
border-right: none;
border-bottom: 1px solid rgba(255, 195, 0, 0.3);
}
}

/* =========================================================
STICKY HEADER FIX - Keep blue background when scrolling
========================================================= */

/* Sticky header container */
.vector-sticky-header,
.vector-sticky-header-container {
background: #000814 !important;
border-bottom: 2px solid #FFC300 !important;
}

/* Sticky header elements */
.vector-sticky-header-start,
.vector-sticky-header-end,
.vector-sticky-header-context-bar {
background: #000814 !important;
}

/* Page title in sticky header */
.vector-sticky-header-context-bar-primary,
.vector-sticky-header .mw-page-title-main {
color: #FFC300 !important;
}

/* Sticky header buttons and icons */
.vector-sticky-header button,
.vector-sticky-header .vector-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}

/* Sticky header links */
.vector-sticky-header a {
color: #FFC300 !important;
}

/* Race table text override */
.racebox td {
color: black !important;
}

.racebox th {
color: white !important; /* keeps your header colors */
}

/* Equal-width navpills grid */
.navpills-equal-grid .navpills {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 1em !important;
}

.navpills-equal-grid .navpill-item {
width: 100% !important;
display: block !important;
}

.navpills-equal-grid .navpill-item a span {
display: block !important;
width: 100% !important;
text-align: center !important;
padding: 0.5em !important;
box-sizing: border-box !important;
}

@media (max-width: 768px) {
.navpills-equal-grid .navpills {
grid-template-columns: 1fr !important;
}
}

/* Race card buttons with hover animation */
.race-card {
display: block;
text-align: center;
padding: 1.5em 1em;
background: linear-gradient(135deg, #003566 0%, #001D3D 100%);
border: 2px solid #FFC300;
border-radius: 8px;
transition: all 0.3s ease;
box-shadow: 0 2px 8px rgba(255, 195, 0, 0.2);
text-decoration: none;
}

.race-card:hover {
background: linear-gradient(135deg, #FFC300 0%, #FFD60A 100%);
border-color: #FFD60A;
box-shadow: 0 4px 12px rgba(255, 195, 0, 0.4);
transform: translateY(-4px);
}

.race-card img {
display: block;
margin: 0 auto;
transition: transform 0.3s ease;
}

.race-card:hover img {
transform: scale(1.05);
}

.race-card-name {
margin-top: 0.8em;
font-size: 1.2em;
font-weight: bold;
color: #FFC300;
transition: color 0.3s ease;
}

.race-card:hover .race-card-name {
color: #000814;
}

/* =========================================================
Sticky header: center ONLY the time widgets (safe flex method)
Works with the CLEAN JS (header-widget classes)
========================================================= */

/* Keep the icons row as a flex line */
.vector-sticky-header-icons {
display: flex !important;
align-items: center !important;
gap: 10px !important;
}

/* Center container (inserted by JS) */
#sticky-time-widgets.sticky-time-widgets {
margin: 0 auto !important; /* centers the widget group */
display: inline-flex !important;
align-items: center !important;
gap: 14px !important; /* spacing between widgets */
white-space: nowrap !important;
}

/* Each widget pill */
#sticky-time-widgets .header-widget {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
padding: 6px 10px !important;
border: 1px solid #FFC300 !important;
border-radius: 999px !important;
background: linear-gradient(135deg, #003566 0%, #001D3D 100%) !important;
box-shadow: 0 2px 8px rgba(255, 195, 0, 0.18) !important;
line-height: 1 !important;
}

/* Labels + values */
#sticky-time-widgets .header-widget__label {
color: #FFC300 !important;
font-weight: 700 !important;
font-size: 0.95em !important;
}

#sticky-time-widgets .header-widget__value {
color: #FFFFFF !important;
font-weight: 700 !important;
font-variant-numeric: tabular-nums; /* keeps timer width stable */
font-size: 0.95em !important;
}

/* If the header gets cramped, hide labels first */
@media (max-width: 1100px) {
#sticky-time-widgets .header-widget__label {
display: none !important;
}
}

/* If it gets REALLY cramped, hide the whole widget group */
@media (max-width: 860px) {
#sticky-time-widgets.sticky-time-widgets {
display: none !important;
}
}

Politics

2026-02-19T16:11:20Z

Sonja says: /* The Steward */

=== Overview ===

The '''King''' or '''Queen''' of a kingdom is its official representative within the larger world. Being the '''Monarch''' of a kingdom is quite a responsibility, and kingdoms should work to elect an experienced and capable leader. Selecting a Monarch is a simple process of voting - it is essential that all provinces participate and make their voice heard. The quality and actions of your Monarch will impact your experience and enjoyment in Utopia, and it is important to elect someone with strong communication and diplomatic skills.

A strongly united kingdom is vital to your long-term success on Utopia. Deciding on -- and listening to -- your King or Queen is an important first step, and your vote is important. Remember that a good King or Queen is not necessarily the best or most active player in your Kingdom -- it is the one with the best diplomatic ability and the one most willing to put the kingdom's goals ahead of his or her own. Take advantage of the Public Forum to discuss the vital issues of your Kingdom's future with your fellow provinces and vote for a King or Queen to lead your kingdom to glory.

The politics page allows you to vote for a King or Queen, and displays the following:

* The kingdom's current Monarch
* Minimum Votes Needed to be Elected
* Political Standings of your kingdom, i.e who has voted and how many votes they have

=== Monarchy: Getting Elected ===

If you wish to become the Monarch of your kingdom, there are a few different ways to achieve your goal.

First, you may be voted in by your fellow provinces. In order to be elected, you must maintain over fifty percent of the votes of other leaders, and if there are more than six provinces in the kingdom you must also clear lead of at least 2 votes than the runner up. If you are not popular, this will likely not happen. Thus, diplomacy is absolutely essential. Treat others with respect, maximize their value and importance in the kingdom. These are not only ways to earn the Monarchy, but also ideal ways to lead your kingdom to glory.

Each province in your kingdom begins with one vote. However, you can obtain additional votes and strengthen your standing through [[Honour|Nobility]]. By Utopian Law, every province is guaranteed a minimum of one vote and no more than 10 votes.

The second way to gain monarchy is to seize control of it - that is, if you have more than 50% of the total networth in the kingdom and there are at least two other provinces - your vote is all that matters. Whoever you choose to be Monarch will be elected. Unfortunately, to do this, you may have to attack your fellow kingdom provinces, weakening your kingdom's stature throughout the world. Most often, this is a strategy for failure, as you will find it difficult to lead those who do not wish to be led, but the option is yours.

=== Monarchy: The Monarch's responsibilities and duties ===

A Monarch must be committed to ruling with a fair hand. Seek input from your provinces, or you may quickly find yourself out of office. Each kingdom must find a Monarch to grow, but more importantly, they must find a fair and noble Monarch to lead them to glory.

It will also be your responsibility to maintain the Kingdom Council Forums, to keep them clean, and to make them a useful service to the various rulers across your kingdom. You will represent your kingdom to the world, and your actions will reflect on the provinces you represent. Diplomacy and tact will be vital to any kind of long-term successes. As Monarch, it is your duty to maintain relations with other kingdoms and organize projects such as the nurturing of a Dragon.

=== The Steward ===
A monarch can nominate two other players to the position of Royal Steward. These players can conduct many of the duties performed by the Monarch such as:

*Changing stances
*Declaring war
*Conducting Ceasefires
*Editing the Royal Commands
*Managing the kingdom forums
*Starting/Cancelling a dragon
*Sending a dragon

NOTE: If the monarch has another player set to mentor or sit them, they WILL be able to perform these functions.

=== Inactive Provinces ===
As the Monarch you have the power to destroy inactive provinces just as you could invite another leader to take over!

* Prerequisites
** First, 48 Ticks must pass from their last logoff and they will be labeled as inactive
** Second, 48 Ticks must pass for Monarch to be able to force delete/abandon of the province
*** wol tick = 1 hour
*** abandon will force the inactive leader out
*** delete will destroy the province completely

Politics

2026-02-19T16:10:45Z

Sonja says: /* The Steward */

=== Overview ===

The '''King''' or '''Queen''' of a kingdom is its official representative within the larger world. Being the '''Monarch''' of a kingdom is quite a responsibility, and kingdoms should work to elect an experienced and capable leader. Selecting a Monarch is a simple process of voting - it is essential that all provinces participate and make their voice heard. The quality and actions of your Monarch will impact your experience and enjoyment in Utopia, and it is important to elect someone with strong communication and diplomatic skills.

A strongly united kingdom is vital to your long-term success on Utopia. Deciding on -- and listening to -- your King or Queen is an important first step, and your vote is important. Remember that a good King or Queen is not necessarily the best or most active player in your Kingdom -- it is the one with the best diplomatic ability and the one most willing to put the kingdom's goals ahead of his or her own. Take advantage of the Public Forum to discuss the vital issues of your Kingdom's future with your fellow provinces and vote for a King or Queen to lead your kingdom to glory.

The politics page allows you to vote for a King or Queen, and displays the following:

* The kingdom's current Monarch
* Minimum Votes Needed to be Elected
* Political Standings of your kingdom, i.e who has voted and how many votes they have

=== Monarchy: Getting Elected ===

If you wish to become the Monarch of your kingdom, there are a few different ways to achieve your goal.

First, you may be voted in by your fellow provinces. In order to be elected, you must maintain over fifty percent of the votes of other leaders, and if there are more than six provinces in the kingdom you must also clear lead of at least 2 votes than the runner up. If you are not popular, this will likely not happen. Thus, diplomacy is absolutely essential. Treat others with respect, maximize their value and importance in the kingdom. These are not only ways to earn the Monarchy, but also ideal ways to lead your kingdom to glory.

Each province in your kingdom begins with one vote. However, you can obtain additional votes and strengthen your standing through [[Honour|Nobility]]. By Utopian Law, every province is guaranteed a minimum of one vote and no more than 10 votes.

The second way to gain monarchy is to seize control of it - that is, if you have more than 50% of the total networth in the kingdom and there are at least two other provinces - your vote is all that matters. Whoever you choose to be Monarch will be elected. Unfortunately, to do this, you may have to attack your fellow kingdom provinces, weakening your kingdom's stature throughout the world. Most often, this is a strategy for failure, as you will find it difficult to lead those who do not wish to be led, but the option is yours.

=== Monarchy: The Monarch's responsibilities and duties ===

A Monarch must be committed to ruling with a fair hand. Seek input from your provinces, or you may quickly find yourself out of office. Each kingdom must find a Monarch to grow, but more importantly, they must find a fair and noble Monarch to lead them to glory.

It will also be your responsibility to maintain the Kingdom Council Forums, to keep them clean, and to make them a useful service to the various rulers across your kingdom. You will represent your kingdom to the world, and your actions will reflect on the provinces you represent. Diplomacy and tact will be vital to any kind of long-term successes. As Monarch, it is your duty to maintain relations with other kingdoms and organize projects such as the nurturing of a Dragon.

=== The Steward ===
A monarch can nominate two other players to the position of Royal Steward. These players can conduct many of the duties performed by the Monarch such as:

-Changing stances
-Declaring war
-Conducting Ceasefires
-Editing the Royal Commands
-Managing the kingdom forums
-Starting/Cancelling a dragon
-Sending a dragon

NOTE: If the monarch has another player set to mentor or sit them, they WILL be able to perform these functions.

=== Inactive Provinces ===
As the Monarch you have the power to destroy inactive provinces just as you could invite another leader to take over!

* Prerequisites
** First, 48 Ticks must pass from their last logoff and they will be labeled as inactive
** Second, 48 Ticks must pass for Monarch to be able to force delete/abandon of the province
*** wol tick = 1 hour
*** abandon will force the inactive leader out
*** delete will destroy the province completely