diff --git a/binaries/data/config/default.cfg b/binaries/data/config/default.cfg
index 118ff7bc0e..518d88efd5 100644
--- a/binaries/data/config/default.cfg
+++ b/binaries/data/config/default.cfg
@@ -418,6 +418,10 @@ rewind = "Shift+Backspace"        ; If timewarp mode enabled, go back to earlier
 next = "Tab", "Alt+S"             ; Show the next tab
 prev = "Shift+Tab", "Alt+W"       ; Show the previous tab
 
+[hotkey.item]
+next = "RightArrow"               ; Show the next item of a list
+prev = "LeftArrow"                ; Show the previous item of a list
+
 [hotkey.text]    ; > GUI TEXTBOX HOTKEYS
 delete.left = "Ctrl+Backspace"    ; Delete word to the left of cursor
 delete.right = "Ctrl+Del"         ; Delete word to the right of cursor
diff --git a/binaries/data/mods/public/art/textures/ui/tipdisplay/bullet-point.png b/binaries/data/mods/public/art/textures/ui/tipdisplay/bullet-point.png
new file mode 100644
index 0000000000..066aad6a76
--- /dev/null
+++ b/binaries/data/mods/public/art/textures/ui/tipdisplay/bullet-point.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:eea1fcf91b908608b324d3cbc338f910e6bad9be3a61e8d2c13cacad2c9e5df3
+size 314
diff --git a/binaries/data/mods/public/art/textures/ui/tipdisplay/button-decoration_back.png b/binaries/data/mods/public/art/textures/ui/tipdisplay/button-decoration_back.png
new file mode 100644
index 0000000000..dfd9fc3e40
--- /dev/null
+++ b/binaries/data/mods/public/art/textures/ui/tipdisplay/button-decoration_back.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a793864d24ddc596dce3c5de6e94d4e6bf19bbc7b954f6488890daae9f737c24
+size 594
diff --git a/binaries/data/mods/public/art/textures/ui/tipdisplay/button-decoration_front.png b/binaries/data/mods/public/art/textures/ui/tipdisplay/button-decoration_front.png
new file mode 100644
index 0000000000..06f9e5b5f8
--- /dev/null
+++ b/binaries/data/mods/public/art/textures/ui/tipdisplay/button-decoration_front.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:edd1ab1182a46fad152667c4333c03f87d286536b3428d48858b2069cb2b78bd
+size 366
diff --git a/binaries/data/mods/public/art/textures/ui/tipdisplay/button-highlight_base.png b/binaries/data/mods/public/art/textures/ui/tipdisplay/button-highlight_base.png
new file mode 100644
index 0000000000..8d3584d51a
--- /dev/null
+++ b/binaries/data/mods/public/art/textures/ui/tipdisplay/button-highlight_base.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:5ef224f97dca446a41f1e1acf7c364f899d6b86b1a8a62bbd4a9312beb2be7bb
+size 10377
diff --git a/binaries/data/mods/public/art/textures/ui/tipdisplay/button-highlight_disabled.png b/binaries/data/mods/public/art/textures/ui/tipdisplay/button-highlight_disabled.png
new file mode 100644
index 0000000000..b9d14cf7ad
--- /dev/null
+++ b/binaries/data/mods/public/art/textures/ui/tipdisplay/button-highlight_disabled.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:3c63813b9c16756aa1c24419c8bb3a8ee6f5095af94101805f2c073651f60745
+size 5823
diff --git a/binaries/data/mods/public/art/textures/ui/tipdisplay/button-highlight_over.png b/binaries/data/mods/public/art/textures/ui/tipdisplay/button-highlight_over.png
new file mode 100644
index 0000000000..1e4acfb31e
--- /dev/null
+++ b/binaries/data/mods/public/art/textures/ui/tipdisplay/button-highlight_over.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d1ddec0078002e7aff588914ef9c18ee9b08a618ba74120964a45f5c92b79345
+size 8278
diff --git a/binaries/data/mods/public/art/textures/ui/tipdisplay/button-highlight_pressed.png b/binaries/data/mods/public/art/textures/ui/tipdisplay/button-highlight_pressed.png
new file mode 100644
index 0000000000..92aa921b99
--- /dev/null
+++ b/binaries/data/mods/public/art/textures/ui/tipdisplay/button-highlight_pressed.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:8963642a740556a2438742dd17dd71eb2576d3e6afa3a38bebd185b6a9257a79
+size 8167
diff --git a/binaries/data/mods/public/art/textures/ui/tipdisplay/button_mask_left.png b/binaries/data/mods/public/art/textures/ui/tipdisplay/button_mask_left.png
new file mode 100644
index 0000000000..225d12ac52
--- /dev/null
+++ b/binaries/data/mods/public/art/textures/ui/tipdisplay/button_mask_left.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:040ba034064c326ecdecd5b04ba78bc83f54c8559134ca83cc8742286582e896
+size 1728
diff --git a/binaries/data/mods/public/art/textures/ui/tipdisplay/button_mask_right.png b/binaries/data/mods/public/art/textures/ui/tipdisplay/button_mask_right.png
new file mode 100644
index 0000000000..c39dab9f49
--- /dev/null
+++ b/binaries/data/mods/public/art/textures/ui/tipdisplay/button_mask_right.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:df06f74a12049d725be4fe46e45cce0bb3f68c3acc151a967865df28248968ef
+size 1351
diff --git a/binaries/data/mods/public/art/textures/ui/loading/parchment.png b/binaries/data/mods/public/art/textures/ui/tipdisplay/parchment.png
similarity index 100%
rename from binaries/data/mods/public/art/textures/ui/loading/parchment.png
rename to binaries/data/mods/public/art/textures/ui/tipdisplay/parchment.png
diff --git a/binaries/data/mods/public/art/textures/ui/loading/gradient_tips.png b/binaries/data/mods/public/art/textures/ui/tipdisplay/tip-image-gradient.png
similarity index 100%
rename from binaries/data/mods/public/art/textures/ui/loading/gradient_tips.png
rename to binaries/data/mods/public/art/textures/ui/tipdisplay/tip-image-gradient.png
diff --git a/binaries/data/mods/public/art/textures/ui/tipdisplay/title-ornament.png b/binaries/data/mods/public/art/textures/ui/tipdisplay/title-ornament.png
new file mode 100644
index 0000000000..8d4133b87a
--- /dev/null
+++ b/binaries/data/mods/public/art/textures/ui/tipdisplay/title-ornament.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:dff510f39d80d4b23497c8f1f59b443fd0bc3ce636d12719014e90a94960b78e
+size 321
diff --git a/binaries/data/mods/public/art/textures/ui/loading/tips/army_camp.png b/binaries/data/mods/public/art/textures/ui/tips/army_camp.png
similarity index 100%
rename from binaries/data/mods/public/art/textures/ui/loading/tips/army_camp.png
rename to binaries/data/mods/public/art/textures/ui/tips/army_camp.png
diff --git a/binaries/data/mods/public/art/textures/ui/loading/tips/arrow_ship.png b/binaries/data/mods/public/art/textures/ui/tips/arrow_ship.png
similarity index 100%
rename from binaries/data/mods/public/art/textures/ui/loading/tips/arrow_ship.png
rename to binaries/data/mods/public/art/textures/ui/tips/arrow_ship.png
diff --git a/binaries/data/mods/public/art/textures/ui/loading/tips/autoqueue.png b/binaries/data/mods/public/art/textures/ui/tips/autoqueue.png
similarity index 100%
rename from binaries/data/mods/public/art/textures/ui/loading/tips/autoqueue.png
rename to binaries/data/mods/public/art/textures/ui/tips/autoqueue.png
diff --git a/binaries/data/mods/public/art/textures/ui/loading/tips/barracks.png b/binaries/data/mods/public/art/textures/ui/tips/barracks.png
similarity index 100%
rename from binaries/data/mods/public/art/textures/ui/loading/tips/barracks.png
rename to binaries/data/mods/public/art/textures/ui/tips/barracks.png
diff --git a/binaries/data/mods/public/art/textures/ui/loading/tips/barter.png b/binaries/data/mods/public/art/textures/ui/tips/barter.png
similarity index 100%
rename from binaries/data/mods/public/art/textures/ui/loading/tips/barter.png
rename to binaries/data/mods/public/art/textures/ui/tips/barter.png
diff --git a/binaries/data/mods/public/art/textures/ui/loading/tips/biomes.png b/binaries/data/mods/public/art/textures/ui/tips/biomes.png
similarity index 100%
rename from binaries/data/mods/public/art/textures/ui/loading/tips/biomes.png
rename to binaries/data/mods/public/art/textures/ui/tips/biomes.png
diff --git a/binaries/data/mods/public/art/textures/ui/loading/tips/briton_war_dog.png b/binaries/data/mods/public/art/textures/ui/tips/briton_war_dog.png
similarity index 100%
rename from binaries/data/mods/public/art/textures/ui/loading/tips/briton_war_dog.png
rename to binaries/data/mods/public/art/textures/ui/tips/briton_war_dog.png
diff --git a/binaries/data/mods/public/art/textures/ui/loading/tips/carth_sacred_band.png b/binaries/data/mods/public/art/textures/ui/tips/carth_sacred_band.png
similarity index 100%
rename from binaries/data/mods/public/art/textures/ui/loading/tips/carth_sacred_band.png
rename to binaries/data/mods/public/art/textures/ui/tips/carth_sacred_band.png
diff --git a/binaries/data/mods/public/art/textures/ui/loading/tips/carth_shipyard.png b/binaries/data/mods/public/art/textures/ui/tips/carth_shipyard.png
similarity index 100%
rename from binaries/data/mods/public/art/textures/ui/loading/tips/carth_shipyard.png
rename to binaries/data/mods/public/art/textures/ui/tips/carth_shipyard.png
diff --git a/binaries/data/mods/public/art/textures/ui/loading/tips/catapults.png b/binaries/data/mods/public/art/textures/ui/tips/catapults.png
similarity index 100%
rename from binaries/data/mods/public/art/textures/ui/loading/tips/catapults.png
rename to binaries/data/mods/public/art/textures/ui/tips/catapults.png
diff --git a/binaries/data/mods/public/art/textures/ui/loading/tips/cavalry_stable.png b/binaries/data/mods/public/art/textures/ui/tips/cavalry_stable.png
similarity index 100%
rename from binaries/data/mods/public/art/textures/ui/loading/tips/cavalry_stable.png
rename to binaries/data/mods/public/art/textures/ui/tips/cavalry_stable.png
diff --git a/binaries/data/mods/public/art/textures/ui/loading/tips/celtic_war_barge.png b/binaries/data/mods/public/art/textures/ui/tips/celtic_war_barge.png
similarity index 100%
rename from binaries/data/mods/public/art/textures/ui/loading/tips/celtic_war_barge.png
rename to binaries/data/mods/public/art/textures/ui/tips/celtic_war_barge.png
diff --git a/binaries/data/mods/public/art/textures/ui/loading/tips/city_walls.png b/binaries/data/mods/public/art/textures/ui/tips/city_walls.png
similarity index 100%
rename from binaries/data/mods/public/art/textures/ui/loading/tips/city_walls.png
rename to binaries/data/mods/public/art/textures/ui/tips/city_walls.png
diff --git a/binaries/data/mods/public/art/textures/ui/loading/tips/civic_center.png b/binaries/data/mods/public/art/textures/ui/tips/civic_center.png
similarity index 100%
rename from binaries/data/mods/public/art/textures/ui/loading/tips/civic_center.png
rename to binaries/data/mods/public/art/textures/ui/tips/civic_center.png
diff --git a/binaries/data/mods/public/art/textures/ui/loading/tips/control_groups.png b/binaries/data/mods/public/art/textures/ui/tips/control_groups.png
similarity index 100%
rename from binaries/data/mods/public/art/textures/ui/loading/tips/control_groups.png
rename to binaries/data/mods/public/art/textures/ui/tips/control_groups.png
diff --git a/binaries/data/mods/public/art/textures/ui/loading/tips/default_formation.png b/binaries/data/mods/public/art/textures/ui/tips/default_formation.png
similarity index 100%
rename from binaries/data/mods/public/art/textures/ui/loading/tips/default_formation.png
rename to binaries/data/mods/public/art/textures/ui/tips/default_formation.png
diff --git a/binaries/data/mods/public/art/textures/ui/loading/tips/defense_tower.png b/binaries/data/mods/public/art/textures/ui/tips/defense_tower.png
similarity index 100%
rename from binaries/data/mods/public/art/textures/ui/loading/tips/defense_tower.png
rename to binaries/data/mods/public/art/textures/ui/tips/defense_tower.png
diff --git a/binaries/data/mods/public/art/textures/ui/loading/tips/dock.png b/binaries/data/mods/public/art/textures/ui/tips/dock.png
similarity index 100%
rename from binaries/data/mods/public/art/textures/ui/loading/tips/dock.png
rename to binaries/data/mods/public/art/textures/ui/tips/dock.png
diff --git a/binaries/data/mods/public/art/textures/ui/loading/tips/elephant_stable.png b/binaries/data/mods/public/art/textures/ui/tips/elephant_stable.png
similarity index 100%
rename from binaries/data/mods/public/art/textures/ui/loading/tips/elephant_stable.png
rename to binaries/data/mods/public/art/textures/ui/tips/elephant_stable.png
diff --git a/binaries/data/mods/public/art/textures/ui/loading/tips/embassies.png b/binaries/data/mods/public/art/textures/ui/tips/embassies.png
similarity index 100%
rename from binaries/data/mods/public/art/textures/ui/loading/tips/embassies.png
rename to binaries/data/mods/public/art/textures/ui/tips/embassies.png
diff --git a/binaries/data/mods/public/art/textures/ui/loading/tips/fire_ship.png b/binaries/data/mods/public/art/textures/ui/tips/fire_ship.png
similarity index 100%
rename from binaries/data/mods/public/art/textures/ui/loading/tips/fire_ship.png
rename to binaries/data/mods/public/art/textures/ui/tips/fire_ship.png
diff --git a/binaries/data/mods/public/art/textures/ui/loading/tips/fishing.png b/binaries/data/mods/public/art/textures/ui/tips/fishing.png
similarity index 100%
rename from binaries/data/mods/public/art/textures/ui/loading/tips/fishing.png
rename to binaries/data/mods/public/art/textures/ui/tips/fishing.png
diff --git a/binaries/data/mods/public/art/textures/ui/loading/tips/forge.png b/binaries/data/mods/public/art/textures/ui/tips/forge.png
similarity index 100%
rename from binaries/data/mods/public/art/textures/ui/loading/tips/forge.png
rename to binaries/data/mods/public/art/textures/ui/tips/forge.png
diff --git a/binaries/data/mods/public/art/textures/ui/loading/tips/formations.png b/binaries/data/mods/public/art/textures/ui/tips/formations.png
similarity index 100%
rename from binaries/data/mods/public/art/textures/ui/loading/tips/formations.png
rename to binaries/data/mods/public/art/textures/ui/tips/formations.png
diff --git a/binaries/data/mods/public/art/textures/ui/loading/tips/fortress.png b/binaries/data/mods/public/art/textures/ui/tips/fortress.png
similarity index 100%
rename from binaries/data/mods/public/art/textures/ui/loading/tips/fortress.png
rename to binaries/data/mods/public/art/textures/ui/tips/fortress.png
diff --git a/binaries/data/mods/public/art/textures/ui/loading/tips/freehand_position.png b/binaries/data/mods/public/art/textures/ui/tips/freehand_position.png
similarity index 100%
rename from binaries/data/mods/public/art/textures/ui/loading/tips/freehand_position.png
rename to binaries/data/mods/public/art/textures/ui/tips/freehand_position.png
diff --git a/binaries/data/mods/public/art/textures/ui/loading/tips/gathering.png b/binaries/data/mods/public/art/textures/ui/tips/gathering.png
similarity index 100%
rename from binaries/data/mods/public/art/textures/ui/loading/tips/gathering.png
rename to binaries/data/mods/public/art/textures/ui/tips/gathering.png
diff --git a/binaries/data/mods/public/art/textures/ui/loading/tips/heroes.png b/binaries/data/mods/public/art/textures/ui/tips/heroes.png
similarity index 100%
rename from binaries/data/mods/public/art/textures/ui/loading/tips/heroes.png
rename to binaries/data/mods/public/art/textures/ui/tips/heroes.png
diff --git a/binaries/data/mods/public/art/textures/ui/loading/tips/lighthouse.png b/binaries/data/mods/public/art/textures/ui/tips/lighthouse.png
similarity index 100%
rename from binaries/data/mods/public/art/textures/ui/loading/tips/lighthouse.png
rename to binaries/data/mods/public/art/textures/ui/tips/lighthouse.png
diff --git a/binaries/data/mods/public/art/textures/ui/loading/tips/loot.png b/binaries/data/mods/public/art/textures/ui/tips/loot.png
similarity index 100%
rename from binaries/data/mods/public/art/textures/ui/loading/tips/loot.png
rename to binaries/data/mods/public/art/textures/ui/tips/loot.png
diff --git a/binaries/data/mods/public/art/textures/ui/loading/tips/map_flare.png b/binaries/data/mods/public/art/textures/ui/tips/map_flare.png
similarity index 100%
rename from binaries/data/mods/public/art/textures/ui/loading/tips/map_flare.png
rename to binaries/data/mods/public/art/textures/ui/tips/map_flare.png
diff --git a/binaries/data/mods/public/art/textures/ui/loading/tips/mauryan_worker_elephant.png b/binaries/data/mods/public/art/textures/ui/tips/mauryan_worker_elephant.png
similarity index 100%
rename from binaries/data/mods/public/art/textures/ui/loading/tips/mauryan_worker_elephant.png
rename to binaries/data/mods/public/art/textures/ui/tips/mauryan_worker_elephant.png
diff --git a/binaries/data/mods/public/art/textures/ui/loading/tips/meroe_pyramids.png b/binaries/data/mods/public/art/textures/ui/tips/meroe_pyramids.png
similarity index 100%
rename from binaries/data/mods/public/art/textures/ui/loading/tips/meroe_pyramids.png
rename to binaries/data/mods/public/art/textures/ui/tips/meroe_pyramids.png
diff --git a/binaries/data/mods/public/art/textures/ui/loading/tips/nomad_mode.png b/binaries/data/mods/public/art/textures/ui/tips/nomad_mode.png
similarity index 100%
rename from binaries/data/mods/public/art/textures/ui/loading/tips/nomad_mode.png
rename to binaries/data/mods/public/art/textures/ui/tips/nomad_mode.png
diff --git a/binaries/data/mods/public/art/textures/ui/loading/tips/order_one_unit.png b/binaries/data/mods/public/art/textures/ui/tips/order_one_unit.png
similarity index 100%
rename from binaries/data/mods/public/art/textures/ui/loading/tips/order_one_unit.png
rename to binaries/data/mods/public/art/textures/ui/tips/order_one_unit.png
diff --git a/binaries/data/mods/public/art/textures/ui/loading/tips/outposts.png b/binaries/data/mods/public/art/textures/ui/tips/outposts.png
similarity index 100%
rename from binaries/data/mods/public/art/textures/ui/loading/tips/outposts.png
rename to binaries/data/mods/public/art/textures/ui/tips/outposts.png
diff --git a/binaries/data/mods/public/art/textures/ui/loading/tips/palisades.png b/binaries/data/mods/public/art/textures/ui/tips/palisades.png
similarity index 100%
rename from binaries/data/mods/public/art/textures/ui/loading/tips/palisades.png
rename to binaries/data/mods/public/art/textures/ui/tips/palisades.png
diff --git a/binaries/data/mods/public/art/textures/ui/loading/tips/persian_architecture.png b/binaries/data/mods/public/art/textures/ui/tips/persian_architecture.png
similarity index 100%
rename from binaries/data/mods/public/art/textures/ui/loading/tips/persian_architecture.png
rename to binaries/data/mods/public/art/textures/ui/tips/persian_architecture.png
diff --git a/binaries/data/mods/public/art/textures/ui/loading/tips/pikemen.png b/binaries/data/mods/public/art/textures/ui/tips/pikemen.png
similarity index 100%
rename from binaries/data/mods/public/art/textures/ui/loading/tips/pikemen.png
rename to binaries/data/mods/public/art/textures/ui/tips/pikemen.png
diff --git a/binaries/data/mods/public/art/textures/ui/loading/tips/queue_orders.png b/binaries/data/mods/public/art/textures/ui/tips/queue_orders.png
similarity index 100%
rename from binaries/data/mods/public/art/textures/ui/loading/tips/queue_orders.png
rename to binaries/data/mods/public/art/textures/ui/tips/queue_orders.png
diff --git a/binaries/data/mods/public/art/textures/ui/loading/tips/ramming_ship.png b/binaries/data/mods/public/art/textures/ui/tips/ramming_ship.png
similarity index 100%
rename from binaries/data/mods/public/art/textures/ui/loading/tips/ramming_ship.png
rename to binaries/data/mods/public/art/textures/ui/tips/ramming_ship.png
diff --git a/binaries/data/mods/public/art/textures/ui/loading/tips/resource_counter.png b/binaries/data/mods/public/art/textures/ui/tips/resource_counter.png
similarity index 100%
rename from binaries/data/mods/public/art/textures/ui/loading/tips/resource_counter.png
rename to binaries/data/mods/public/art/textures/ui/tips/resource_counter.png
diff --git a/binaries/data/mods/public/art/textures/ui/loading/tips/savanna_biome.png b/binaries/data/mods/public/art/textures/ui/tips/savanna_biome.png
similarity index 100%
rename from binaries/data/mods/public/art/textures/ui/loading/tips/savanna_biome.png
rename to binaries/data/mods/public/art/textures/ui/tips/savanna_biome.png
diff --git a/binaries/data/mods/public/art/textures/ui/loading/tips/select_wounded_units.png b/binaries/data/mods/public/art/textures/ui/tips/select_wounded_units.png
similarity index 100%
rename from binaries/data/mods/public/art/textures/ui/loading/tips/select_wounded_units.png
rename to binaries/data/mods/public/art/textures/ui/tips/select_wounded_units.png
diff --git a/binaries/data/mods/public/art/textures/ui/loading/tips/shrine.png b/binaries/data/mods/public/art/textures/ui/tips/shrine.png
similarity index 100%
rename from binaries/data/mods/public/art/textures/ui/loading/tips/shrine.png
rename to binaries/data/mods/public/art/textures/ui/tips/shrine.png
diff --git a/binaries/data/mods/public/art/textures/ui/loading/tips/siege_ship.png b/binaries/data/mods/public/art/textures/ui/tips/siege_ship.png
similarity index 100%
rename from binaries/data/mods/public/art/textures/ui/loading/tips/siege_ship.png
rename to binaries/data/mods/public/art/textures/ui/tips/siege_ship.png
diff --git a/binaries/data/mods/public/art/textures/ui/loading/tips/snapping.png b/binaries/data/mods/public/art/textures/ui/tips/snapping.png
similarity index 100%
rename from binaries/data/mods/public/art/textures/ui/loading/tips/snapping.png
rename to binaries/data/mods/public/art/textures/ui/tips/snapping.png
diff --git a/binaries/data/mods/public/art/textures/ui/loading/tips/spartan_hoplites.png b/binaries/data/mods/public/art/textures/ui/tips/spartan_hoplites.png
similarity index 100%
rename from binaries/data/mods/public/art/textures/ui/loading/tips/spartan_hoplites.png
rename to binaries/data/mods/public/art/textures/ui/tips/spartan_hoplites.png
diff --git a/binaries/data/mods/public/art/textures/ui/loading/tips/spearmen.png b/binaries/data/mods/public/art/textures/ui/tips/spearmen.png
similarity index 100%
rename from binaries/data/mods/public/art/textures/ui/loading/tips/spearmen.png
rename to binaries/data/mods/public/art/textures/ui/tips/spearmen.png
diff --git a/binaries/data/mods/public/art/textures/ui/loading/tips/storehouse.png b/binaries/data/mods/public/art/textures/ui/tips/storehouse.png
similarity index 100%
rename from binaries/data/mods/public/art/textures/ui/loading/tips/storehouse.png
rename to binaries/data/mods/public/art/textures/ui/tips/storehouse.png
diff --git a/binaries/data/mods/public/art/textures/ui/loading/tips/syntagma.png b/binaries/data/mods/public/art/textures/ui/tips/syntagma.png
similarity index 100%
rename from binaries/data/mods/public/art/textures/ui/loading/tips/syntagma.png
rename to binaries/data/mods/public/art/textures/ui/tips/syntagma.png
diff --git a/binaries/data/mods/public/art/textures/ui/loading/tips/temple.png b/binaries/data/mods/public/art/textures/ui/tips/temple.png
similarity index 100%
rename from binaries/data/mods/public/art/textures/ui/loading/tips/temple.png
rename to binaries/data/mods/public/art/textures/ui/tips/temple.png
diff --git a/binaries/data/mods/public/art/textures/ui/loading/tips/territory_decay.png b/binaries/data/mods/public/art/textures/ui/tips/territory_decay.png
similarity index 100%
rename from binaries/data/mods/public/art/textures/ui/loading/tips/territory_decay.png
rename to binaries/data/mods/public/art/textures/ui/tips/territory_decay.png
diff --git a/binaries/data/mods/public/art/textures/ui/loading/tips/theater.png b/binaries/data/mods/public/art/textures/ui/tips/theater.png
similarity index 100%
rename from binaries/data/mods/public/art/textures/ui/loading/tips/theater.png
rename to binaries/data/mods/public/art/textures/ui/tips/theater.png
diff --git a/binaries/data/mods/public/art/textures/ui/loading/tips/trading.png b/binaries/data/mods/public/art/textures/ui/tips/trading.png
similarity index 100%
rename from binaries/data/mods/public/art/textures/ui/loading/tips/trading.png
rename to binaries/data/mods/public/art/textures/ui/tips/trading.png
diff --git a/binaries/data/mods/public/art/textures/ui/loading/tips/treasure.png b/binaries/data/mods/public/art/textures/ui/tips/treasure.png
similarity index 100%
rename from binaries/data/mods/public/art/textures/ui/loading/tips/treasure.png
rename to binaries/data/mods/public/art/textures/ui/tips/treasure.png
diff --git a/binaries/data/mods/public/art/textures/ui/loading/tips/war_elephants.png b/binaries/data/mods/public/art/textures/ui/tips/war_elephants.png
similarity index 100%
rename from binaries/data/mods/public/art/textures/ui/loading/tips/war_elephants.png
rename to binaries/data/mods/public/art/textures/ui/tips/war_elephants.png
diff --git a/binaries/data/mods/public/art/textures/ui/loading/tips/whales.png b/binaries/data/mods/public/art/textures/ui/tips/whales.png
similarity index 100%
rename from binaries/data/mods/public/art/textures/ui/loading/tips/whales.png
rename to binaries/data/mods/public/art/textures/ui/tips/whales.png
diff --git a/binaries/data/mods/public/gui/hotkeys/spec/engine.json b/binaries/data/mods/public/gui/hotkeys/spec/engine.json
index 2cd9aeb3c7..20b29ccf9d 100644
--- a/binaries/data/mods/public/gui/hotkeys/spec/engine.json
+++ b/binaries/data/mods/public/gui/hotkeys/spec/engine.json
@@ -79,6 +79,14 @@
 				"name": "Previous tab",
 				"desc": "Show the previous tab."
 			},
+            "item.next": {
+				"name": "Next item",
+				"desc": "Show the next item."
+			},
+			"item.prev": {
+				"name": "Previous item",
+				"desc": "Show the previous item."
+			},
 			"text.delete.left": {
 				"name": "Delete before cursor",
 				"desc": "Delete word to the left of cursor."
diff --git a/binaries/data/mods/public/gui/loading/TipDisplay.js b/binaries/data/mods/public/gui/loading/TipDisplay.js
index fd2c288c28..e69de29bb2 100644
--- a/binaries/data/mods/public/gui/loading/TipDisplay.js
+++ b/binaries/data/mods/public/gui/loading/TipDisplay.js
@@ -1,62 +0,0 @@
-/**
- * This class is concerned with chosing and displaying hints about how to play the game.
- * This includes a text and an image.
- */
-class TipDisplay
-{
-	constructor()
-	{
-		this.tipImage = Engine.GetGUIObjectByName("tipImage");
-		this.tipTitle = Engine.GetGUIObjectByName("tipTitle");
-		this.tipText = Engine.GetGUIObjectByName("tipText");
-
-		this.tipFiles = listFiles(this.TextPath, ".txt", false);
-		this.displayRandomTip();
-	}
-
-	displayRandomTip()
-	{
-		let tipFile = pickRandom(this.tipFiles);
-		if (tipFile)
-			this.displayTip(tipFile);
-		else
-			error("Failed to find any matching tips for the loading screen.");
-	}
-
-	displayTip(tipFile)
-	{
-		this.tipImage.sprite =
-			"stretched:" + this.ImagePath + tipFile + ".png";
-
-		let tipText = Engine.TranslateLines(Engine.ReadFile(
-			this.TextPath + tipFile + ".txt")).split("\n");
-
-		this.tipTitle.caption = tipText.shift();
-
-		// Change the height of the title and the text to fit the full title.
-		const margin = 10;
-		const titleSize = this.tipTitle.size;
-		titleSize.bottom = titleSize.top + this.tipTitle.getTextSize().height + margin;
-		this.tipTitle.size = titleSize;
-
-		const textSize = this.tipText.size;
-		textSize.top = titleSize.bottom;
-		this.tipText.size = textSize;
-
-		this.tipText.caption = tipText.map(text =>
-			text && sprintf(this.BulletFormat, { "tiptext": text })).join("\n\n");
-	}
-}
-
-/**
- * Directory storing txt files containing the gameplay tips.
- */
-TipDisplay.prototype.TextPath = "gui/text/tips/";
-
-/**
- * Directory storing the PNG images with filenames corresponding to the tip text files.
- */
-TipDisplay.prototype.ImagePath = "loading/tips/";
-
-// Translation: A bullet point used before every item of list of tips displayed on loading screen
-TipDisplay.prototype.BulletFormat = translate("• %(tiptext)s");
diff --git a/binaries/data/mods/public/gui/loading/TipDisplay.xml b/binaries/data/mods/public/gui/loading/TipDisplay.xml
deleted file mode 100644
index 83f93939c4..0000000000
--- a/binaries/data/mods/public/gui/loading/TipDisplay.xml
+++ /dev/null
@@ -1,15 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<object>
-	<object size="0 0 520 392">
-		<object type="image" sprite="LoadingTipImage">
-			<object name="tipImage" size="4 4 516 516" type="image">
-				<object name="tipImageCover" type="image" sprite="LoadingTipImageCover"/>
-			</object>
-		</object>
-	</object>
-
-	<object size="570 0 910 400" type="image" sprite="LoadingTipText">
-		<object name="tipTitle" size="30 30 100%-30 50" type="text" style="LoadingTipTitleText"/>
-		<object name="tipText" size="30 50 100%-30 100%" type="text" style="LoadingTipText"/>
-	</object>
-</object>
diff --git a/binaries/data/mods/public/gui/loading/loading.js b/binaries/data/mods/public/gui/loading/loading.js
index 1744fd4996..ff4b8ee79c 100644
--- a/binaries/data/mods/public/gui/loading/loading.js
+++ b/binaries/data/mods/public/gui/loading/loading.js
@@ -6,7 +6,7 @@ function init(data)
 		"initData": data,
 		"progressBar": new ProgressBar(),
 		"quoteDisplay": new QuoteDisplay(),
-		"tipDisplay": new TipDisplay(),
+		"tipDisplay": new TipDisplay({ "tipScrolling": false }),
 		"titleDisplay": new TitleDisplay(data)
 	};
 
diff --git a/binaries/data/mods/public/gui/loading/loading.xml b/binaries/data/mods/public/gui/loading/loading.xml
index 66908d0ca5..9d923e6247 100644
--- a/binaries/data/mods/public/gui/loading/loading.xml
+++ b/binaries/data/mods/public/gui/loading/loading.xml
@@ -15,7 +15,7 @@
 		</object>
 
 		<object size="50%-452 50%-196 50%+452 50%+196">
-			<include file="gui/loading/TipDisplay.xml"/>
+			<include file="gui/reference/tips/sections/TipDisplay.xml"/>
 		</object>
 
 		<object size="50%-448 50%+230 50%+448 100%-16">
diff --git a/binaries/data/mods/public/gui/loading/sprites.xml b/binaries/data/mods/public/gui/loading/sprites.xml
index 89aacd6bef..51b1fcec84 100644
--- a/binaries/data/mods/public/gui/loading/sprites.xml
+++ b/binaries/data/mods/public/gui/loading/sprites.xml
@@ -40,68 +40,4 @@
 		/>
 	</sprite>
 
-	<!-- TIP IMAGE-->
-	<sprite name="LoadingTipImage">
-		<!-- sides -->
-		<image
-			texture="global/border/line_horiz.png"
-			texture_size="0 0 64 4"
-			size="4 0 100%-4 4"
-		/>
-		<image
-			texture="global/border/line_vert.png"
-			texture_size="0 0 4 64"
-			size="100%-4 4 100% 100%-4"
-		/>
-		<image
-			texture="global/border/line_horiz.png"
-			texture_size="0 0 64 4"
-			size="4 100%-4 100%-4 100%"
-		/>
-		<image
-			texture="global/border/line_vert.png"
-			texture_size="0 0 4 64"
-			size="0 4 4 100%-4"
-		/>
-
-		<!-- corners -->
-		<image
-			texture="global/border/line_corner_top_right.png"
-			texture_size="0 0 4 4"
-			size="100%-4 0 100% 4"
-		/>
-		<image
-			texture="global/border/line_corner_bottom_right.png"
-			texture_size="0 0 4 4"
-			size="100%-4 100%-4 100% 100%"
-		/>
-		<image
-			texture="global/border/line_corner_bottom_left.png"
-			texture_size="0 0 4 4"
-			size="0 100%-4 4 100%"
-		/>
-		<image
-			texture="global/border/line_corner_top_left.png"
-			texture_size="0 0 4 4"
-			size="0 0 4 4"
-		/>
-	</sprite>
-
-	<!-- TIP IMAGE GRADIENT -->
-	<sprite name="LoadingTipImageCover">
-		<image
-			texture="loading/gradient_tips.png"
-			texture_size="0 0 100% 100%"
-			size="0 0 100% 100%"
-		/>
-	</sprite>
-
-	<!-- TIP TEXT -->
-	<sprite name="LoadingTipText">
-		<image
-			texture="loading/parchment.png"
-			real_texture_placement="0 0 322 386"
-		/>
-	</sprite>
-
 </sprites>
diff --git a/binaries/data/mods/public/gui/loading/styles.xml b/binaries/data/mods/public/gui/loading/styles.xml
index 208100e5d0..1651cb34dc 100644
--- a/binaries/data/mods/public/gui/loading/styles.xml
+++ b/binaries/data/mods/public/gui/loading/styles.xml
@@ -30,19 +30,6 @@
 		text_valign="top"
 	/>
 
-	<style name="LoadingTipTitleText"
-		font="sans-bold-16"
-		textcolor="black"
-		text_align="left"
-		text_valign="top"
-	/>
-
-	<style name="LoadingTipText"
-		font="sans-bold-14"
-		textcolor="black"
-		text_align="left"
-		text_valign="top"
-	/>
 
 	<style name="LoadingProgressbar"
 		sprite_bar="LoadingProgressBarMiddle"
diff --git a/binaries/data/mods/public/gui/manual/intro.txt b/binaries/data/mods/public/gui/manual/intro.txt
index dbf367f4ff..3ce89e1613 100644
--- a/binaries/data/mods/public/gui/manual/intro.txt
+++ b/binaries/data/mods/public/gui/manual/intro.txt
@@ -50,6 +50,8 @@ You may change hotkeys in [font="sans-bold-14"]Options > Hotkeys[font="sans-14"]
   hotkey.bigscreenshot – Take huge screenshot (6400×4800 pixels, in .bmp format, location is displayed in the top left of the GUI after the file has been saved, and can also be seen in the console/logs if you miss it there)
   hotkey.tab.next – Switch to the next tab
   hotkey.tab.prev – Switch to the previous tab
+  hotkey.item.next – Switch to the next item of a list
+  hotkey.item.prev – Switch to the previous item of a list
 
 [font="sans-bold-14"]In Game[font="sans-14"]
   Double Left Click \[on unit] – Select all of your units of the same kind on the screen (even if they're different ranks)
diff --git a/binaries/data/mods/public/gui/page_loading.xml b/binaries/data/mods/public/gui/page_loading.xml
index 1a892a76fc..291ddfa21f 100644
--- a/binaries/data/mods/public/gui/page_loading.xml
+++ b/binaries/data/mods/public/gui/page_loading.xml
@@ -9,6 +9,10 @@
 	<include>common/sprites.xml</include>
 	<include>common/styles.xml</include>
 
+	<include>reference/tips/setup.xml</include>
+	<include>reference/tips/sprites.xml</include>
+	<include>reference/tips/styles.xml</include>
+
 	<include>loading/styles.xml</include>
 	<include>loading/sprites.xml</include>
 	<include>loading/loading.xml</include>
diff --git a/binaries/data/mods/public/gui/page_tips.xml b/binaries/data/mods/public/gui/page_tips.xml
new file mode 100644
index 0000000000..85179b9d73
--- /dev/null
+++ b/binaries/data/mods/public/gui/page_tips.xml
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<page>
+	<include>common/modern/setup.xml</include>
+	<include>common/modern/styles.xml</include>
+	<include>common/modern/sprites.xml</include>
+
+	<include>common/sprites.xml</include>
+	<include>common/styles.xml</include>
+
+	<include>reference/tips/setup.xml</include>
+	<include>reference/tips/sprites.xml</include>
+	<include>reference/tips/styles.xml</include>
+
+	<include>reference/tips/tips.xml</include>
+</page>
diff --git a/binaries/data/mods/public/gui/pregame/MainMenuItems.js b/binaries/data/mods/public/gui/pregame/MainMenuItems.js
index d3d1818d4d..21f6c69136 100644
--- a/binaries/data/mods/public/gui/pregame/MainMenuItems.js
+++ b/binaries/data/mods/public/gui/pregame/MainMenuItems.js
@@ -32,6 +32,13 @@ var g_MainMenuItems = [
 					});
 				}
 			},
+			{
+				"caption": translate("Tips and Tricks"),
+				"tooltip": translate("Discover simple tips, tricks, and game mechanics."),
+				"onPress": () => {
+					Engine.PushGuiPage("page_tips.xml");
+				}
+			},
 			{
 				"caption": translate("Structure Tree"),
 				"tooltip": colorizeHotkey(translate("%(hotkey)s: View the structure tree of civilizations featured in 0 A.D."), "structree"),
diff --git a/binaries/data/mods/public/gui/reference/tips/TipsPage.js b/binaries/data/mods/public/gui/reference/tips/TipsPage.js
new file mode 100644
index 0000000000..ebd05f9bcf
--- /dev/null
+++ b/binaries/data/mods/public/gui/reference/tips/TipsPage.js
@@ -0,0 +1,16 @@
+class TipsPage
+{
+	constructor()
+	{
+		this.tipDisplay = new TipDisplay({ "tipScrolling": true });
+		this.closeButton = new CloseButton(this);
+	}
+
+
+	closePage()
+	{
+		Engine.PopGuiPage("page_tips.xml");
+	}
+}
+
+TipsPage.prototype.CloseButtonTooltip = translate("%(hotkey)s: Close Tips and Tricks.");
diff --git a/binaries/data/mods/public/gui/reference/tips/sections/TipDisplay.js b/binaries/data/mods/public/gui/reference/tips/sections/TipDisplay.js
new file mode 100644
index 0000000000..ffa5e1e0d0
--- /dev/null
+++ b/binaries/data/mods/public/gui/reference/tips/sections/TipDisplay.js
@@ -0,0 +1,105 @@
+/**
+ * This class is concerned with chosing and displaying tips about how to play the game.
+ * This includes a text and an image.
+ */
+class TipDisplay
+{
+	/**
+	 * @param {Object} data - Parameters passed from the code that instantiates this class.
+	 * @param {boolean} data.tipScrolling - Whether or not to enable the player to scroll through the tips.
+	 */
+	constructor(data)
+	{
+		this.tipImage = Engine.GetGUIObjectByName("tipImage");
+		this.tipTitle = Engine.GetGUIObjectByName("tipTitle");
+		this.tipTitleDecoration = Engine.GetGUIObjectByName("tipTitleDecoration");
+		this.tipText = Engine.GetGUIObjectByName("tipText");
+		this.previousTipButton = Engine.GetGUIObjectByName("previousTipButton");
+		this.nextTipButton = Engine.GetGUIObjectByName("nextTipButton");
+
+		this.previousTipButton.caption = this.CaptionPreviousTip;
+		this.previousTipButton.tooltip = colorizeHotkey("%(hotkey)s: ", "item.prev") + this.TooltipPreviousTip;
+
+		this.nextTipButton.caption = this.CaptionNextTip;
+		this.nextTipButton.tooltip = colorizeHotkey("%(hotkey)s: ", "item.next") + this.TooltipNextTip;
+
+		this.tipFiles = shuffleArray(listFiles(this.TextPath, ".txt", false));
+		if (this.tipFiles.length === 0)
+		{
+			warn("Failed to find any tips to display.");
+			return;
+		}
+
+		const hideButtons = !data.tipScrolling || this.tipFiles.length < 2;
+		this.previousTipButton.hidden = hideButtons;
+		this.nextTipButton.hidden = hideButtons;
+		this.tipFilesIndex = -1;
+		this.nextTipButton.onPress = () => this.onIndexChange(1);
+		this.previousTipButton.onPress = () => this.onIndexChange(-1);
+		this.onIndexChange(1);
+	}
+
+	onIndexChange(number)
+	{
+		this.tipFilesIndex += number;
+
+		this.tipFilesIndex = Math.max(0, Math.min(this.tipFilesIndex, this.tipFiles.length - 1));
+
+		this.displayTip(this.tipFiles[this.tipFilesIndex]);
+		this.rebuildButtons();
+	}
+
+	rebuildButtons()
+	{
+		this.previousTipButton.enabled = this.tipFilesIndex !== 0 && !this.previousTipButton.hidden;
+		this.nextTipButton.enabled = this.tipFilesIndex < this.tipFiles.length - 1 && !this.nextTipButton.hidden;
+	}
+
+	displayTip(tipFile)
+	{
+		this.tipImage.sprite = "stretched:" + this.ImagePath + tipFile + ".png";
+
+		const tipText = Engine.TranslateLines(Engine.ReadFile(
+			this.TextPath + tipFile + ".txt")).split("\n");
+
+		this.tipTitle.caption = tipText.shift();
+		this.scaleGuiElementsToFit();
+		this.tipText.caption = tipText.map(text =>
+			text && "[icon=\"BulletPoint\"] " + text).join("\n\n");
+	}
+
+	scaleGuiElementsToFit()
+	{
+		const titleSize = this.tipTitle.size;
+		const titleTextSize = this.tipTitle.getTextSize();
+
+		titleSize.bottom = titleSize.top + titleTextSize.height;
+		this.tipTitle.size = titleSize;
+
+		const titleDecoSize = new GUISize(
+			-(titleTextSize.width / 2 + 12), this.tipTitle.size.bottom - 4, titleTextSize.width / 2 + 12, this.tipTitle.size.bottom + 12,
+			50, 0, 50, 0
+		);
+		this.tipTitleDecoration.size = titleDecoSize;
+
+		const textSize = this.tipText.size;
+		textSize.top = this.tipTitleDecoration.size.bottom + 10;
+		this.tipText.size = textSize;
+	}
+
+}
+
+TipDisplay.prototype.CaptionPreviousTip = translateWithContext("button", "Previous");
+TipDisplay.prototype.TooltipPreviousTip = translate("Switch to the previous tip.");
+TipDisplay.prototype.CaptionNextTip = translateWithContext("button", "Next");
+TipDisplay.prototype.TooltipNextTip = translate("Switch to the next tip.");
+
+/**
+ * Directory storing .txt files containing the gameplay tips.
+ */
+TipDisplay.prototype.TextPath = "gui/reference/tips/texts/";
+
+/**
+ * Directory storing the .png images with filenames corresponding to the tip text files.
+ */
+TipDisplay.prototype.ImagePath = "tips/";
diff --git a/binaries/data/mods/public/gui/reference/tips/sections/TipDisplay.xml b/binaries/data/mods/public/gui/reference/tips/sections/TipDisplay.xml
new file mode 100644
index 0000000000..1fb47d1876
--- /dev/null
+++ b/binaries/data/mods/public/gui/reference/tips/sections/TipDisplay.xml
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<object>
+	<script directory="gui/reference/tips/sections/"/>
+	<object size="0 0 520 392">
+		<object type="image" sprite="TipImageFrame">
+			<object name="tipImage" size="4 4 516 516" type="image">
+				<object type="image" sprite="stretched:tipdisplay/tip-image-gradient.png"/>
+			</object>
+		</object>
+	</object>
+
+	<object size="570 0 910 400">
+		<object type="image" sprite="TipTextBackground"/>
+		<object name="previousTipButton" type="button" style="PreviousTipButton" hotkey="item.prev" size="30 348 155 372"/>
+		<object name="nextTipButton" type="button" style="NextTipButton" hotkey="item.next" size="185 348 310 372"/>
+		<object name="tipTitle" size="30 30 100%-30 50" type="text" text_align="center" style="TipTitleText"/>
+		<object name="tipTitleDecoration" type="image" sprite="TipTitleDecoration"/>
+		<object name="tipText" size="30 50 100%-20 100%" type="text" style="TipText" ghost="true"/>
+	</object>
+</object>
diff --git a/binaries/data/mods/public/gui/reference/tips/setup.xml b/binaries/data/mods/public/gui/reference/tips/setup.xml
new file mode 100644
index 0000000000..7b265ddbca
--- /dev/null
+++ b/binaries/data/mods/public/gui/reference/tips/setup.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8" standalone="no" ?>
+
+<setup>
+
+		<icon name="BulletPoint"
+			sprite="stretched:tipdisplay/bullet-point.png"
+			size="8 8"
+		/>
+
+</setup>
diff --git a/binaries/data/mods/public/gui/reference/tips/sprites.xml b/binaries/data/mods/public/gui/reference/tips/sprites.xml
new file mode 100644
index 0000000000..e2f328a340
--- /dev/null
+++ b/binaries/data/mods/public/gui/reference/tips/sprites.xml
@@ -0,0 +1,246 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<sprites>
+	<!-- TIP IMAGE FRAME-->
+	<sprite name="TipImageFrame">
+		<!-- sides -->
+		<image
+			texture="global/border/line_horiz.png"
+			texture_size="0 0 64 4"
+			size="4 0 100%-4 4"
+		/>
+		<image
+			texture="global/border/line_vert.png"
+			texture_size="0 0 4 64"
+			size="100%-4 4 100% 100%-4"
+		/>
+		<image
+			texture="global/border/line_horiz.png"
+			texture_size="0 0 64 4"
+			size="4 100%-4 100%-4 100%"
+		/>
+		<image
+			texture="global/border/line_vert.png"
+			texture_size="0 0 4 64"
+			size="0 4 4 100%-4"
+		/>
+
+		<!-- corners -->
+		<image
+			texture="global/border/line_corner_top_right.png"
+			texture_size="0 0 4 4"
+			size="100%-4 0 100% 4"
+		/>
+		<image
+			texture="global/border/line_corner_bottom_right.png"
+			texture_size="0 0 4 4"
+			size="100%-4 100%-4 100% 100%"
+		/>
+		<image
+			texture="global/border/line_corner_bottom_left.png"
+			texture_size="0 0 4 4"
+			size="0 100%-4 4 100%"
+		/>
+		<image
+			texture="global/border/line_corner_top_left.png"
+			texture_size="0 0 4 4"
+			size="0 0 4 4"
+		/>
+	</sprite>
+
+	<!-- TIP TEXT BACKGROUND-->
+	<sprite name="TipTextBackground">
+		<image
+			texture="tipdisplay/parchment.png"
+			size="0 0 100% 100%"
+			real_texture_placement="-4 0 317 386"
+		/>
+	</sprite>
+
+
+	<!-- PREVIOUS TIP BUTTON
+		Note that the textures are mirrored horizontally (by setting the texure_size) -->
+
+	<sprite name="PreviousTipButton">
+		<image
+			texture="tipdisplay/button-highlight_base.png"
+			texture_size="100% 0 0 100%"
+			size="-10 -10 100%+10 100%+10"
+			real_texture_placement="16 0 80 64"
+		/>
+		<image
+			texture="tipdisplay/button-decoration_front.png"
+			texture_size="100% 0 0 100%"
+			size="0 0 24 100%"
+			real_texture_placement="-8 0 24 32"
+		/>
+
+		<image
+			texture="tipdisplay/button-decoration_back.png"
+			texture_size="100% 0 0 100%"
+			size="100%-24 0 100%-12 100%"
+			real_texture_placement="12 0 28 32"
+		/>
+	</sprite>
+
+	<sprite name="PreviousTipButtonOver">
+		<image
+			texture="tipdisplay/button-highlight_over.png"
+			texture_size="100% 0 0 100%"
+			size="-10 -10 100%+10 100%+10"
+			real_texture_placement="16 0 80 64"
+		/>
+		<image
+			texture="tipdisplay/button-decoration_front.png"
+			texture_size="100% 0 0 100%"
+			size="0 0 24 100%"
+			real_texture_placement="-8 0 24 32"
+		/>
+
+		<image
+			texture="tipdisplay/button-decoration_back.png"
+			texture_size="100% 0 0 100%"
+			size="100%-24 0 100%-12 100%"
+			real_texture_placement="12 0 28 32"
+		/>
+	</sprite>
+
+	<sprite name="PreviousTipButtonPressed">
+		<image
+			texture="tipdisplay/button-highlight_pressed.png"
+			texture_size="100% 0 0 100%"
+			size="-10 -10 100%+10 100%+10"
+			real_texture_placement="16 0 80 64"
+		/>
+		<image
+			texture="tipdisplay/button-decoration_front.png"
+			texture_size="100% 0 0 100%"
+			size="0 0 24 100%"
+			real_texture_placement="-8 0 24 32"
+		/>
+
+		<image
+			texture="tipdisplay/button-decoration_back.png"
+			texture_size="100% 0 0 100%"
+			size="100%-24 0 100%-12 100%"
+			real_texture_placement="12 0 28 32"
+		/>
+	</sprite>
+
+	<sprite name="PreviousTipButtonDisabled">
+		<effect add_color="70 65 50"/>
+		<image
+			texture="tipdisplay/button-highlight_disabled.png"
+			texture_size="100% 0 0 100%"
+			size="-10 -10 100%+10 100%+10"
+			real_texture_placement="16 0 80 64"
+		/>
+		<image
+			texture="tipdisplay/button-decoration_front.png"
+			texture_size="100% 0 0 100%"
+			size="0 0 24 100%"
+			real_texture_placement="-8 0 24 32"
+		/>
+
+		<image
+			texture="tipdisplay/button-decoration_back.png"
+			texture_size="100% 0 0 100%"
+			size="100%-24 0 100%-12 100%"
+			real_texture_placement="12 0 28 32"
+		/>
+	</sprite>
+
+	<sprite name="PreviousTipButtonMask">
+		<image backcolor="0 0 0"/>
+		<image
+			backcolor="255 255 255"
+			size="0 0 100%-12 100%"
+		/>
+	</sprite>
+
+
+	<!-- NEXT TIP BUTTON -->
+
+	<sprite name="NextTipButton">
+		<image
+			texture="tipdisplay/button-highlight_base.png"
+			size="-10 -10 100%+10 100%+10"
+		/>
+		<image
+			texture="tipdisplay/button-decoration_back.png"
+			size="12 0 24 100%"
+		/>
+
+		<image
+			texture="tipdisplay/button-decoration_front.png"
+			size="100%-24 -2 100% 100%+2"
+		/>
+	</sprite>
+
+	<sprite name="NextTipButtonOver">
+		<image
+			texture="tipdisplay/button-highlight_over.png"
+			size="-10 -10 100%+10 100%+10"
+		/>
+		<image
+			texture="tipdisplay/button-decoration_back.png"
+			size="12 0 24 100%"
+		/>
+
+		<image
+			texture="tipdisplay/button-decoration_front.png"
+			size="100%-24 -2 100% 100%+2"
+		/>
+	</sprite>
+
+	<sprite name="NextTipButtonPressed">
+		<image
+			texture="tipdisplay/button-highlight_pressed.png"
+			size="-10 -10 100%+10 100%+10"
+		/>
+		<image
+			texture="tipdisplay/button-decoration_back.png"
+			size="12 0 24 100%"
+		/>
+
+		<image
+			texture="tipdisplay/button-decoration_front.png"
+			size="100%-24 -2 100% 100%+2"
+		/>
+	</sprite>
+
+	<sprite name="NextTipButtonDisabled">
+		<effect add_color="70 65 50"/>
+		<image
+			texture="tipdisplay/button-highlight_disabled.png"
+			size="-10 -10 100%+10 100%+10"
+		/>
+		<image
+			texture="tipdisplay/button-decoration_back.png"
+			size="12 0 24 100%"
+		/>
+
+		<image
+			texture="tipdisplay/button-decoration_front.png"
+			size="100%-24 -2 100% 100%+2"
+		/>
+	</sprite>
+
+
+	<!-- TITLE DECO -->
+	<sprite name="TipTitleDecoration">
+		<image
+			texture="tipdisplay/title-ornament.png"
+			size="0 0 16 100%"
+		/>
+		<image
+			texture="tipdisplay/title-ornament.png"
+			texture_size="100% 0 0 100%"
+			size="100%-16 0 100% 100%"
+		/>
+		<image
+			backcolor="black"
+			size="11 9 100%-11 11"
+		/>
+	</sprite>
+</sprites>
diff --git a/binaries/data/mods/public/gui/reference/tips/styles.xml b/binaries/data/mods/public/gui/reference/tips/styles.xml
new file mode 100644
index 0000000000..f80782dd94
--- /dev/null
+++ b/binaries/data/mods/public/gui/reference/tips/styles.xml
@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<styles>
+	<style name="TipTitleText"
+		font="sans-bold-16"
+		textcolor="black"
+		text_align="left"
+		text_valign="top"
+	/>
+
+	<style name="TipText"
+		font="sans-bold-14"
+		textcolor="black"
+		text_align="left"
+		text_valign="top"
+	/>
+
+	<style name="PreviousTipButton"
+		font="sans-bold-16"
+		textcolor="black"
+		textcolor_disabled="70 65 50"
+		text_align="center"
+		text_valign="center"
+		sprite="PreviousTipButton"
+		sprite_disabled="PreviousTipButtonDisabled"
+		sprite_over="PreviousTipButtonOver"
+		sprite_pressed="PreviousTipButtonPressed"
+		sound_pressed="audio/interface/ui/ui_button_click.ogg"
+		mouse_event_mask="texture:tipdisplay/button_mask_left.png"
+	/>
+
+	<style name="NextTipButton"
+		font="sans-bold-16"
+		textcolor="black"
+		textcolor_disabled="70 65 50"
+		text_align="center"
+		text_valign="center"
+		sprite="NextTipButton"
+		sprite_disabled="NextTipButtonDisabled"
+		sprite_over="NextTipButtonOver"
+		sprite_pressed="NextTipButtonPressed"
+		sound_pressed="audio/interface/ui/ui_button_click.ogg"
+		mouse_event_mask="texture:tipdisplay/button_mask_right.png"
+	/>
+
+</styles>
diff --git a/binaries/data/mods/public/gui/text/tips/army_camp.txt b/binaries/data/mods/public/gui/reference/tips/texts/army_camp.txt
similarity index 100%
rename from binaries/data/mods/public/gui/text/tips/army_camp.txt
rename to binaries/data/mods/public/gui/reference/tips/texts/army_camp.txt
diff --git a/binaries/data/mods/public/gui/text/tips/arrow_ship.txt b/binaries/data/mods/public/gui/reference/tips/texts/arrow_ship.txt
similarity index 100%
rename from binaries/data/mods/public/gui/text/tips/arrow_ship.txt
rename to binaries/data/mods/public/gui/reference/tips/texts/arrow_ship.txt
diff --git a/binaries/data/mods/public/gui/text/tips/autoqueue.txt b/binaries/data/mods/public/gui/reference/tips/texts/autoqueue.txt
similarity index 100%
rename from binaries/data/mods/public/gui/text/tips/autoqueue.txt
rename to binaries/data/mods/public/gui/reference/tips/texts/autoqueue.txt
diff --git a/binaries/data/mods/public/gui/text/tips/barracks.txt b/binaries/data/mods/public/gui/reference/tips/texts/barracks.txt
similarity index 100%
rename from binaries/data/mods/public/gui/text/tips/barracks.txt
rename to binaries/data/mods/public/gui/reference/tips/texts/barracks.txt
diff --git a/binaries/data/mods/public/gui/text/tips/barter.txt b/binaries/data/mods/public/gui/reference/tips/texts/barter.txt
similarity index 100%
rename from binaries/data/mods/public/gui/text/tips/barter.txt
rename to binaries/data/mods/public/gui/reference/tips/texts/barter.txt
diff --git a/binaries/data/mods/public/gui/text/tips/biomes.txt b/binaries/data/mods/public/gui/reference/tips/texts/biomes.txt
similarity index 100%
rename from binaries/data/mods/public/gui/text/tips/biomes.txt
rename to binaries/data/mods/public/gui/reference/tips/texts/biomes.txt
diff --git a/binaries/data/mods/public/gui/text/tips/briton_war_dog.txt b/binaries/data/mods/public/gui/reference/tips/texts/briton_war_dog.txt
similarity index 100%
rename from binaries/data/mods/public/gui/text/tips/briton_war_dog.txt
rename to binaries/data/mods/public/gui/reference/tips/texts/briton_war_dog.txt
diff --git a/binaries/data/mods/public/gui/text/tips/carth_sacred_band.txt b/binaries/data/mods/public/gui/reference/tips/texts/carth_sacred_band.txt
similarity index 100%
rename from binaries/data/mods/public/gui/text/tips/carth_sacred_band.txt
rename to binaries/data/mods/public/gui/reference/tips/texts/carth_sacred_band.txt
diff --git a/binaries/data/mods/public/gui/text/tips/carth_shipyard.txt b/binaries/data/mods/public/gui/reference/tips/texts/carth_shipyard.txt
similarity index 100%
rename from binaries/data/mods/public/gui/text/tips/carth_shipyard.txt
rename to binaries/data/mods/public/gui/reference/tips/texts/carth_shipyard.txt
diff --git a/binaries/data/mods/public/gui/text/tips/catapults.txt b/binaries/data/mods/public/gui/reference/tips/texts/catapults.txt
similarity index 100%
rename from binaries/data/mods/public/gui/text/tips/catapults.txt
rename to binaries/data/mods/public/gui/reference/tips/texts/catapults.txt
diff --git a/binaries/data/mods/public/gui/text/tips/cavalry_stable.txt b/binaries/data/mods/public/gui/reference/tips/texts/cavalry_stable.txt
similarity index 100%
rename from binaries/data/mods/public/gui/text/tips/cavalry_stable.txt
rename to binaries/data/mods/public/gui/reference/tips/texts/cavalry_stable.txt
diff --git a/binaries/data/mods/public/gui/text/tips/celtic_war_barge.txt b/binaries/data/mods/public/gui/reference/tips/texts/celtic_war_barge.txt
similarity index 100%
rename from binaries/data/mods/public/gui/text/tips/celtic_war_barge.txt
rename to binaries/data/mods/public/gui/reference/tips/texts/celtic_war_barge.txt
diff --git a/binaries/data/mods/public/gui/text/tips/city_walls.txt b/binaries/data/mods/public/gui/reference/tips/texts/city_walls.txt
similarity index 100%
rename from binaries/data/mods/public/gui/text/tips/city_walls.txt
rename to binaries/data/mods/public/gui/reference/tips/texts/city_walls.txt
diff --git a/binaries/data/mods/public/gui/text/tips/civic_center.txt b/binaries/data/mods/public/gui/reference/tips/texts/civic_center.txt
similarity index 100%
rename from binaries/data/mods/public/gui/text/tips/civic_center.txt
rename to binaries/data/mods/public/gui/reference/tips/texts/civic_center.txt
diff --git a/binaries/data/mods/public/gui/text/tips/control_groups.txt b/binaries/data/mods/public/gui/reference/tips/texts/control_groups.txt
similarity index 100%
rename from binaries/data/mods/public/gui/text/tips/control_groups.txt
rename to binaries/data/mods/public/gui/reference/tips/texts/control_groups.txt
diff --git a/binaries/data/mods/public/gui/text/tips/default_formation.txt b/binaries/data/mods/public/gui/reference/tips/texts/default_formation.txt
similarity index 100%
rename from binaries/data/mods/public/gui/text/tips/default_formation.txt
rename to binaries/data/mods/public/gui/reference/tips/texts/default_formation.txt
diff --git a/binaries/data/mods/public/gui/text/tips/defense_tower.txt b/binaries/data/mods/public/gui/reference/tips/texts/defense_tower.txt
similarity index 100%
rename from binaries/data/mods/public/gui/text/tips/defense_tower.txt
rename to binaries/data/mods/public/gui/reference/tips/texts/defense_tower.txt
diff --git a/binaries/data/mods/public/gui/text/tips/dock.txt b/binaries/data/mods/public/gui/reference/tips/texts/dock.txt
similarity index 100%
rename from binaries/data/mods/public/gui/text/tips/dock.txt
rename to binaries/data/mods/public/gui/reference/tips/texts/dock.txt
diff --git a/binaries/data/mods/public/gui/text/tips/elephant_stable.txt b/binaries/data/mods/public/gui/reference/tips/texts/elephant_stable.txt
similarity index 100%
rename from binaries/data/mods/public/gui/text/tips/elephant_stable.txt
rename to binaries/data/mods/public/gui/reference/tips/texts/elephant_stable.txt
diff --git a/binaries/data/mods/public/gui/text/tips/embassies.txt b/binaries/data/mods/public/gui/reference/tips/texts/embassies.txt
similarity index 100%
rename from binaries/data/mods/public/gui/text/tips/embassies.txt
rename to binaries/data/mods/public/gui/reference/tips/texts/embassies.txt
diff --git a/binaries/data/mods/public/gui/text/tips/fire_ship.txt b/binaries/data/mods/public/gui/reference/tips/texts/fire_ship.txt
similarity index 100%
rename from binaries/data/mods/public/gui/text/tips/fire_ship.txt
rename to binaries/data/mods/public/gui/reference/tips/texts/fire_ship.txt
diff --git a/binaries/data/mods/public/gui/text/tips/fishing.txt b/binaries/data/mods/public/gui/reference/tips/texts/fishing.txt
similarity index 100%
rename from binaries/data/mods/public/gui/text/tips/fishing.txt
rename to binaries/data/mods/public/gui/reference/tips/texts/fishing.txt
diff --git a/binaries/data/mods/public/gui/text/tips/forge.txt b/binaries/data/mods/public/gui/reference/tips/texts/forge.txt
similarity index 100%
rename from binaries/data/mods/public/gui/text/tips/forge.txt
rename to binaries/data/mods/public/gui/reference/tips/texts/forge.txt
diff --git a/binaries/data/mods/public/gui/text/tips/formations.txt b/binaries/data/mods/public/gui/reference/tips/texts/formations.txt
similarity index 100%
rename from binaries/data/mods/public/gui/text/tips/formations.txt
rename to binaries/data/mods/public/gui/reference/tips/texts/formations.txt
diff --git a/binaries/data/mods/public/gui/text/tips/fortress.txt b/binaries/data/mods/public/gui/reference/tips/texts/fortress.txt
similarity index 100%
rename from binaries/data/mods/public/gui/text/tips/fortress.txt
rename to binaries/data/mods/public/gui/reference/tips/texts/fortress.txt
diff --git a/binaries/data/mods/public/gui/text/tips/freehand_position.txt b/binaries/data/mods/public/gui/reference/tips/texts/freehand_position.txt
similarity index 100%
rename from binaries/data/mods/public/gui/text/tips/freehand_position.txt
rename to binaries/data/mods/public/gui/reference/tips/texts/freehand_position.txt
diff --git a/binaries/data/mods/public/gui/text/tips/gathering.txt b/binaries/data/mods/public/gui/reference/tips/texts/gathering.txt
similarity index 100%
rename from binaries/data/mods/public/gui/text/tips/gathering.txt
rename to binaries/data/mods/public/gui/reference/tips/texts/gathering.txt
diff --git a/binaries/data/mods/public/gui/text/tips/heroes.txt b/binaries/data/mods/public/gui/reference/tips/texts/heroes.txt
similarity index 100%
rename from binaries/data/mods/public/gui/text/tips/heroes.txt
rename to binaries/data/mods/public/gui/reference/tips/texts/heroes.txt
diff --git a/binaries/data/mods/public/gui/text/tips/lighthouse.txt b/binaries/data/mods/public/gui/reference/tips/texts/lighthouse.txt
similarity index 100%
rename from binaries/data/mods/public/gui/text/tips/lighthouse.txt
rename to binaries/data/mods/public/gui/reference/tips/texts/lighthouse.txt
diff --git a/binaries/data/mods/public/gui/text/tips/loot.txt b/binaries/data/mods/public/gui/reference/tips/texts/loot.txt
similarity index 100%
rename from binaries/data/mods/public/gui/text/tips/loot.txt
rename to binaries/data/mods/public/gui/reference/tips/texts/loot.txt
diff --git a/binaries/data/mods/public/gui/text/tips/map_flare.txt b/binaries/data/mods/public/gui/reference/tips/texts/map_flare.txt
similarity index 100%
rename from binaries/data/mods/public/gui/text/tips/map_flare.txt
rename to binaries/data/mods/public/gui/reference/tips/texts/map_flare.txt
diff --git a/binaries/data/mods/public/gui/text/tips/mauryan_worker_elephant.txt b/binaries/data/mods/public/gui/reference/tips/texts/mauryan_worker_elephant.txt
similarity index 100%
rename from binaries/data/mods/public/gui/text/tips/mauryan_worker_elephant.txt
rename to binaries/data/mods/public/gui/reference/tips/texts/mauryan_worker_elephant.txt
diff --git a/binaries/data/mods/public/gui/text/tips/meroe_pyramids.txt b/binaries/data/mods/public/gui/reference/tips/texts/meroe_pyramids.txt
similarity index 100%
rename from binaries/data/mods/public/gui/text/tips/meroe_pyramids.txt
rename to binaries/data/mods/public/gui/reference/tips/texts/meroe_pyramids.txt
diff --git a/binaries/data/mods/public/gui/text/tips/nomad_mode.txt b/binaries/data/mods/public/gui/reference/tips/texts/nomad_mode.txt
similarity index 100%
rename from binaries/data/mods/public/gui/text/tips/nomad_mode.txt
rename to binaries/data/mods/public/gui/reference/tips/texts/nomad_mode.txt
diff --git a/binaries/data/mods/public/gui/text/tips/order_one_unit.txt b/binaries/data/mods/public/gui/reference/tips/texts/order_one_unit.txt
similarity index 100%
rename from binaries/data/mods/public/gui/text/tips/order_one_unit.txt
rename to binaries/data/mods/public/gui/reference/tips/texts/order_one_unit.txt
diff --git a/binaries/data/mods/public/gui/text/tips/outposts.txt b/binaries/data/mods/public/gui/reference/tips/texts/outposts.txt
similarity index 100%
rename from binaries/data/mods/public/gui/text/tips/outposts.txt
rename to binaries/data/mods/public/gui/reference/tips/texts/outposts.txt
diff --git a/binaries/data/mods/public/gui/text/tips/palisades.txt b/binaries/data/mods/public/gui/reference/tips/texts/palisades.txt
similarity index 100%
rename from binaries/data/mods/public/gui/text/tips/palisades.txt
rename to binaries/data/mods/public/gui/reference/tips/texts/palisades.txt
diff --git a/binaries/data/mods/public/gui/text/tips/persian_architecture.txt b/binaries/data/mods/public/gui/reference/tips/texts/persian_architecture.txt
similarity index 100%
rename from binaries/data/mods/public/gui/text/tips/persian_architecture.txt
rename to binaries/data/mods/public/gui/reference/tips/texts/persian_architecture.txt
diff --git a/binaries/data/mods/public/gui/text/tips/pikemen.txt b/binaries/data/mods/public/gui/reference/tips/texts/pikemen.txt
similarity index 100%
rename from binaries/data/mods/public/gui/text/tips/pikemen.txt
rename to binaries/data/mods/public/gui/reference/tips/texts/pikemen.txt
diff --git a/binaries/data/mods/public/gui/text/tips/queue_orders.txt b/binaries/data/mods/public/gui/reference/tips/texts/queue_orders.txt
similarity index 100%
rename from binaries/data/mods/public/gui/text/tips/queue_orders.txt
rename to binaries/data/mods/public/gui/reference/tips/texts/queue_orders.txt
diff --git a/binaries/data/mods/public/gui/text/tips/ramming_ship.txt b/binaries/data/mods/public/gui/reference/tips/texts/ramming_ship.txt
similarity index 100%
rename from binaries/data/mods/public/gui/text/tips/ramming_ship.txt
rename to binaries/data/mods/public/gui/reference/tips/texts/ramming_ship.txt
diff --git a/binaries/data/mods/public/gui/text/tips/resource_counter.txt b/binaries/data/mods/public/gui/reference/tips/texts/resource_counter.txt
similarity index 100%
rename from binaries/data/mods/public/gui/text/tips/resource_counter.txt
rename to binaries/data/mods/public/gui/reference/tips/texts/resource_counter.txt
diff --git a/binaries/data/mods/public/gui/text/tips/savanna_biome.txt b/binaries/data/mods/public/gui/reference/tips/texts/savanna_biome.txt
similarity index 100%
rename from binaries/data/mods/public/gui/text/tips/savanna_biome.txt
rename to binaries/data/mods/public/gui/reference/tips/texts/savanna_biome.txt
diff --git a/binaries/data/mods/public/gui/text/tips/select_wounded_units.txt b/binaries/data/mods/public/gui/reference/tips/texts/select_wounded_units.txt
similarity index 100%
rename from binaries/data/mods/public/gui/text/tips/select_wounded_units.txt
rename to binaries/data/mods/public/gui/reference/tips/texts/select_wounded_units.txt
diff --git a/binaries/data/mods/public/gui/text/tips/shrine.txt b/binaries/data/mods/public/gui/reference/tips/texts/shrine.txt
similarity index 100%
rename from binaries/data/mods/public/gui/text/tips/shrine.txt
rename to binaries/data/mods/public/gui/reference/tips/texts/shrine.txt
diff --git a/binaries/data/mods/public/gui/text/tips/siege_ship.txt b/binaries/data/mods/public/gui/reference/tips/texts/siege_ship.txt
similarity index 100%
rename from binaries/data/mods/public/gui/text/tips/siege_ship.txt
rename to binaries/data/mods/public/gui/reference/tips/texts/siege_ship.txt
diff --git a/binaries/data/mods/public/gui/text/tips/snapping.txt b/binaries/data/mods/public/gui/reference/tips/texts/snapping.txt
similarity index 100%
rename from binaries/data/mods/public/gui/text/tips/snapping.txt
rename to binaries/data/mods/public/gui/reference/tips/texts/snapping.txt
diff --git a/binaries/data/mods/public/gui/text/tips/spartan_hoplites.txt b/binaries/data/mods/public/gui/reference/tips/texts/spartan_hoplites.txt
similarity index 100%
rename from binaries/data/mods/public/gui/text/tips/spartan_hoplites.txt
rename to binaries/data/mods/public/gui/reference/tips/texts/spartan_hoplites.txt
diff --git a/binaries/data/mods/public/gui/text/tips/spearmen.txt b/binaries/data/mods/public/gui/reference/tips/texts/spearmen.txt
similarity index 100%
rename from binaries/data/mods/public/gui/text/tips/spearmen.txt
rename to binaries/data/mods/public/gui/reference/tips/texts/spearmen.txt
diff --git a/binaries/data/mods/public/gui/text/tips/storehouse.txt b/binaries/data/mods/public/gui/reference/tips/texts/storehouse.txt
similarity index 100%
rename from binaries/data/mods/public/gui/text/tips/storehouse.txt
rename to binaries/data/mods/public/gui/reference/tips/texts/storehouse.txt
diff --git a/binaries/data/mods/public/gui/text/tips/syntagma.txt b/binaries/data/mods/public/gui/reference/tips/texts/syntagma.txt
similarity index 100%
rename from binaries/data/mods/public/gui/text/tips/syntagma.txt
rename to binaries/data/mods/public/gui/reference/tips/texts/syntagma.txt
diff --git a/binaries/data/mods/public/gui/text/tips/temple.txt b/binaries/data/mods/public/gui/reference/tips/texts/temple.txt
similarity index 100%
rename from binaries/data/mods/public/gui/text/tips/temple.txt
rename to binaries/data/mods/public/gui/reference/tips/texts/temple.txt
diff --git a/binaries/data/mods/public/gui/text/tips/territory_decay.txt b/binaries/data/mods/public/gui/reference/tips/texts/territory_decay.txt
similarity index 100%
rename from binaries/data/mods/public/gui/text/tips/territory_decay.txt
rename to binaries/data/mods/public/gui/reference/tips/texts/territory_decay.txt
diff --git a/binaries/data/mods/public/gui/text/tips/theater.txt b/binaries/data/mods/public/gui/reference/tips/texts/theater.txt
similarity index 100%
rename from binaries/data/mods/public/gui/text/tips/theater.txt
rename to binaries/data/mods/public/gui/reference/tips/texts/theater.txt
diff --git a/binaries/data/mods/public/gui/text/tips/trading.txt b/binaries/data/mods/public/gui/reference/tips/texts/trading.txt
similarity index 100%
rename from binaries/data/mods/public/gui/text/tips/trading.txt
rename to binaries/data/mods/public/gui/reference/tips/texts/trading.txt
diff --git a/binaries/data/mods/public/gui/text/tips/treasure.txt b/binaries/data/mods/public/gui/reference/tips/texts/treasure.txt
similarity index 100%
rename from binaries/data/mods/public/gui/text/tips/treasure.txt
rename to binaries/data/mods/public/gui/reference/tips/texts/treasure.txt
diff --git a/binaries/data/mods/public/gui/text/tips/war_elephants.txt b/binaries/data/mods/public/gui/reference/tips/texts/war_elephants.txt
similarity index 100%
rename from binaries/data/mods/public/gui/text/tips/war_elephants.txt
rename to binaries/data/mods/public/gui/reference/tips/texts/war_elephants.txt
diff --git a/binaries/data/mods/public/gui/text/tips/whales.txt b/binaries/data/mods/public/gui/reference/tips/texts/whales.txt
similarity index 100%
rename from binaries/data/mods/public/gui/text/tips/whales.txt
rename to binaries/data/mods/public/gui/reference/tips/texts/whales.txt
diff --git a/binaries/data/mods/public/gui/reference/tips/tips.js b/binaries/data/mods/public/gui/reference/tips/tips.js
new file mode 100644
index 0000000000..9935c1ab08
--- /dev/null
+++ b/binaries/data/mods/public/gui/reference/tips/tips.js
@@ -0,0 +1,4 @@
+function init()
+{
+	var g_TipsPage = new TipsPage();
+}
diff --git a/binaries/data/mods/public/gui/reference/tips/tips.xml b/binaries/data/mods/public/gui/reference/tips/tips.xml
new file mode 100644
index 0000000000..e64d873faa
--- /dev/null
+++ b/binaries/data/mods/public/gui/reference/tips/tips.xml
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<objects>
+	<script directory="gui/common/"/>
+	<script directory="gui/reference/tips/"/>
+	<script directory="gui/reference/common/Buttons/"/>
+    <object type="image" sprite="BackgroundTranslucent"/>
+	<object type="image" size="50%-502 50%-246 50%+502 50%+246" sprite="ModernDialog">
+		<object style="TitleText" type="text" size="50%-128 -18 50%+128 14">
+			<translatableAttribute id="caption">Tips and Tricks</translatableAttribute>
+		</object>
+		<object size="50%-452 50%-206 50%+452 50%+186">
+			<include file="gui/reference/tips/sections/TipDisplay.xml"/>
+		</object>
+		<include file="gui/reference/common/Buttons/CloseButton.xml"/>
+	</object>
+</objects>
diff --git a/source/tools/entity/checkrefs.py b/source/tools/entity/checkrefs.py
index dd8af265a0..1556ec9c90 100755
--- a/source/tools/entity/checkrefs.py
+++ b/source/tools/entity/checkrefs.py
@@ -715,10 +715,10 @@ class CheckRefs:
 
     def add_tips(self):
         self.logger.info("Loading tips...")
-        for fp, _ffp in sorted(self.find_files("gui/text/tips", "txt")):
+        for fp, _ffp in sorted(self.find_files("gui/reference/tips/texts/", "txt")):
             self.files.append(fp)
             self.roots.append(fp)
-            self.deps.append((fp, Path(f"art/textures/ui/loading/tips/{fp.stem}.png")))
+            self.deps.append((fp, Path(f"art/textures/ui/tips/{fp.stem}.png")))
 
     def add_rms(self):
         self.logger.info("Loading random maps...")