From 2f2ee783c805ffd164b4cd53a3966ba082923722 Mon Sep 17 00:00:00 2001
From: nyarw <github@nyarw.moe>
Date: Sat, 26 Sep 2026 20:08:41 +0200
Subject: [PATCH] big refactor and side panel

---
 scenes/map_browser.tscn       | 257 +++++++++++++++-------
 scripts/Constants.cs          |   2 +
 scripts/scenes/MapBrowser.cs  | 200 +----------------
 scripts/scenes/MapCard.cs     | 394 ++++++++++++++++++++++++++++++++++
 scripts/scenes/MapCard.cs.uid |   1 +
 5 files changed, 583 insertions(+), 271 deletions(-)
 create mode 100644 scripts/scenes/MapCard.cs
 create mode 100644 scripts/scenes/MapCard.cs.uid

diff --git a/scenes/map_browser.tscn b/scenes/map_browser.tscn
index 8b00ffda..7081f55e 100644
--- a/scenes/map_browser.tscn
+++ b/scenes/map_browser.tscn
@@ -5,7 +5,8 @@
 [ext_resource type="Texture2D" uid="uid://bl6ten82nkjmd" path="res://user/skins/default/ui/buttons/sort.png" id="2_vofg3"]
 [ext_resource type="Shader" uid="uid://lywu8c8plv4j" path="res://scripts/shaders/cover_blur.gdshader" id="3_s54e2"]
 [ext_resource type="FontFile" uid="uid://4bnnn01f4dqr" path="res://fonts/Ubuntu/Ubuntu-Medium.ttf" id="3_ueqk1"]
-[ext_resource type="FontFile" uid="uid://dotb3skhwouha" path="res://fonts/Roboto/Roboto-Bold.ttf" id="5_0pn3c"]
+[ext_resource type="Script" uid="uid://cexyomdgasvme" path="res://scripts/scenes/MapCard.cs" id="5_vr0hc"]
+[ext_resource type="FontFile" uid="uid://dwojpwm7o4l1a" path="res://fonts/Nunito/Nunito-Black.ttf" id="6_ueqk1"]
 [ext_resource type="Texture2D" uid="uid://bvjkhxgqjmg7y" path="res://user/skins/default/ui/buttons/import.png" id="7_ueqk1"]
 
 [sub_resource type="StyleBoxFlat" id="StyleBoxFlat_a8y0u"]
@@ -27,24 +28,32 @@ font = ExtResource("3_ueqk1")
 font_size = 26
 
 [sub_resource type="StyleBoxFlat" id="StyleBoxFlat_ear6i"]
-bg_color = Color(0.023529412, 0.019607844, 0.03529412, 1)
+bg_color = Color(0, 0, 0, 0.8784314)
 
 [sub_resource type="StyleBoxFlat" id="StyleBoxFlat_3usyh"]
 corner_radius_top_left = 10
 corner_radius_bottom_left = 10
 
-[sub_resource type="StyleBoxFlat" id="StyleBoxFlat_vjpuo"]
+[sub_resource type="StyleBoxFlat" id="StyleBoxFlat_2hrgd"]
+bg_color = Color(0, 0, 0, 1)
+border_color = Color(0.7882353, 0, 0.27058825, 1)
+border_blend = true
+corner_radius_top_left = 10
 corner_radius_top_right = 10
 corner_radius_bottom_right = 10
+corner_radius_bottom_left = 10
+corner_detail = 10
+
+[sub_resource type="StyleBoxFlat" id="StyleBoxFlat_vr0hc"]
+bg_color = Color(0.27058825, 0.30980393, 0.32941177, 1)
 
 [sub_resource type="ShaderMaterial" id="ShaderMaterial_hrfuy"]
 shader = ExtResource("3_s54e2")
-shader_parameter/offset = 16.00000076
-shader_parameter/strength = 2.600000076
+shader_parameter/offset = 16.0
+shader_parameter/strength = 2.6
 
 [sub_resource type="Gradient" id="Gradient_vofg3"]
-offsets = PackedFloat32Array(0, 0.77707005, 1)
-colors = PackedColorArray(0.22745098, 0.22745098, 0.22745098, 0.5803922, 0.18000486, 0.18000486, 0.18000486, 0.78431374, 0.12225223, 0.12225223, 0.12225223, 0.81960785)
+colors = PackedColorArray(0.27058825, 0.30980393, 0.32941177, 1, 0.27058825, 0.30980393, 0.32941177, 0.4627451)
 
 [sub_resource type="GradientTexture2D" id="GradientTexture2D_ear6i"]
 gradient = SubResource("Gradient_vofg3")
@@ -55,13 +64,6 @@ shadow_size = 3
 shadow_color = Color(0, 0, 0, 0.39215687)
 shadow_offset = Vector2(1, 1.5)
 
-[sub_resource type="LabelSettings" id="LabelSettings_ear6i"]
-font_size = 14
-font_color = Color(0.78431374, 0.78431374, 0.78431374, 1)
-shadow_size = 3
-shadow_color = Color(0, 0, 0, 0.39215687)
-shadow_offset = Vector2(1, 1.5)
-
 [sub_resource type="LabelSettings" id="LabelSettings_3usyh"]
 font_size = 14
 font_color = Color(0.78431374, 0.78431374, 0.78431374, 1)
@@ -88,9 +90,9 @@ corner_radius_bottom_right = 25
 corner_radius_bottom_left = 25
 
 [sub_resource type="LabelSettings" id="LabelSettings_10mjv"]
-font = ExtResource("5_0pn3c")
+font = ExtResource("6_ueqk1")
 font_size = 12
-font_color = Color(0.17254902, 0.17254902, 0.17254902, 1)
+font_color = Color(0.27058825, 0.30980393, 0.32941177, 1)
 
 [sub_resource type="StyleBoxFlat" id="StyleBoxFlat_27haj"]
 content_margin_left = 8.0
@@ -104,9 +106,9 @@ corner_radius_bottom_right = 25
 corner_radius_bottom_left = 25
 
 [sub_resource type="LabelSettings" id="LabelSettings_ueqk1"]
-font = ExtResource("5_0pn3c")
+font = ExtResource("6_ueqk1")
 font_size = 12
-font_color = Color(0.1728327, 0.17283267, 0.17283267, 1)
+font_color = Color(0.27058825, 0.30980393, 0.32941177, 1)
 
 [sub_resource type="LabelSettings" id="LabelSettings_vofg3"]
 font_color = Color(0.78431374, 0.78431374, 0.78431374, 1)
@@ -114,27 +116,51 @@ shadow_size = 3
 shadow_color = Color(0, 0, 0, 0.39215687)
 shadow_offset = Vector2(1, 1.5)
 
-[sub_resource type="StyleBoxEmpty" id="StyleBoxEmpty_ear6i"]
+[sub_resource type="StyleBoxFlat" id="StyleBoxFlat_jydku"]
+bg_color = Color(1, 1, 1, 1)
+corner_radius_top_right = 10
+corner_radius_bottom_right = 10
 
-[sub_resource type="StyleBoxEmpty" id="StyleBoxEmpty_3usyh"]
+[sub_resource type="StyleBoxFlat" id="StyleBoxFlat_ueqk1"]
+bg_color = Color(1, 1, 1, 0)
+corner_radius_top_left = 5
+corner_radius_top_right = 5
+corner_radius_bottom_right = 5
+corner_radius_bottom_left = 5
 
-[sub_resource type="StyleBoxEmpty" id="StyleBoxEmpty_i5ncw"]
+[sub_resource type="StyleBoxFlat" id="StyleBoxFlat_bwt54"]
+bg_color = Color(0.6, 0.6, 0.6, 0)
+corner_radius_top_left = 5
+corner_radius_top_right = 5
+corner_radius_bottom_right = 5
+corner_radius_bottom_left = 5
 
-[sub_resource type="StyleBoxEmpty" id="StyleBoxEmpty_27haj"]
+[sub_resource type="StyleBoxFlat" id="StyleBoxFlat_vjpuo"]
+bg_color = Color(1, 1, 1, 0)
+corner_radius_top_left = 5
+corner_radius_top_right = 5
+corner_radius_bottom_right = 5
+corner_radius_bottom_left = 5
+
+[sub_resource type="StyleBoxFlat" id="StyleBoxFlat_rav3o"]
+bg_color = Color(0.6, 0.6, 0.6, 0)
+corner_radius_top_left = 5
+corner_radius_top_right = 5
+corner_radius_bottom_right = 5
+corner_radius_bottom_left = 5
 
 [sub_resource type="StyleBoxEmpty" id="StyleBoxEmpty_ikspe"]
 
 [sub_resource type="StyleBoxEmpty" id="StyleBoxEmpty_t1djq"]
 
-[sub_resource type="StyleBoxFlat" id="StyleBoxFlat_2hrgd"]
-bg_color = Color(0.13682574, 0.13682574, 0.13682568, 1)
-border_color = Color(0.7882353, 0, 0.27058825, 1)
-border_blend = true
-corner_radius_top_left = 10
-corner_radius_top_right = 10
-corner_radius_bottom_right = 10
-corner_radius_bottom_left = 10
-corner_detail = 10
+[sub_resource type="StyleBoxEmpty" id="StyleBoxEmpty_ear6i"]
+
+[sub_resource type="StyleBoxEmpty" id="StyleBoxEmpty_3usyh"]
+
+[sub_resource type="StyleBoxFlat" id="StyleBoxFlat_a8t2u"]
+bg_color = Color(0, 0, 0, 0.39215687)
+
+[sub_resource type="StyleBoxEmpty" id="StyleBoxEmpty_27haj"]
 
 [node name="Map Browser" type="ColorRect" unique_id=1634674963]
 anchors_preset = 15
@@ -352,10 +378,10 @@ custom_minimum_size = Vector2(0, 120)
 layout_mode = 2
 size_flags_horizontal = 3
 theme_override_styles/panel = SubResource("StyleBoxFlat_ear6i")
+script = ExtResource("5_vr0hc")
 
 [node name="Row" type="HBoxContainer" parent="Holder/Background/Layout/Results/RowsMargin/Rows/MapCardTemplate" unique_id=1621144170]
 layout_mode = 2
-size_flags_horizontal = 3
 theme_override_constants/separation = 0
 
 [node name="CoverHolder" type="PanelContainer" parent="Holder/Background/Layout/Results/RowsMargin/Rows/MapCardTemplate/Row" unique_id=808732459]
@@ -373,6 +399,12 @@ mouse_filter = 2
 expand_mode = 1
 stretch_mode = 6
 
+[node name="Dim" type="Panel" parent="Holder/Background/Layout/Results/RowsMargin/Rows/MapCardTemplate/Row/CoverHolder" unique_id=392941825]
+modulate = Color(1, 1, 1, 0)
+layout_mode = 2
+mouse_filter = 2
+theme_override_styles/panel = SubResource("StyleBoxFlat_2hrgd")
+
 [node name="Map" type="Control" parent="Holder/Background/Layout/Results/RowsMargin/Rows/MapCardTemplate/Row" unique_id=388758340]
 layout_mode = 2
 size_flags_horizontal = 3
@@ -387,10 +419,9 @@ anchor_bottom = 1.0
 grow_horizontal = 2
 grow_vertical = 2
 mouse_filter = 2
-theme_override_styles/panel = SubResource("StyleBoxFlat_vjpuo")
+theme_override_styles/panel = SubResource("StyleBoxFlat_vr0hc")
 
 [node name="BlurCover" type="TextureRect" parent="Holder/Background/Layout/Results/RowsMargin/Rows/MapCardTemplate/Row/Map/BlurCoverHolder" unique_id=366161290]
-modulate = Color(0.5649617, 0.5649616, 0.5649616, 1)
 material = SubResource("ShaderMaterial_hrfuy")
 layout_mode = 2
 mouse_filter = 2
@@ -401,20 +432,25 @@ stretch_mode = 6
 layout_mode = 2
 texture = SubResource("GradientTexture2D_ear6i")
 
+[node name="Dim" type="Panel" parent="Holder/Background/Layout/Results/RowsMargin/Rows/MapCardTemplate/Row/Map/BlurCoverHolder" unique_id=673707878]
+modulate = Color(1, 1, 1, 0)
+layout_mode = 2
+mouse_filter = 2
+theme_override_styles/panel = SubResource("StyleBoxFlat_2hrgd")
+
 [node name="Content" type="MarginContainer" parent="Holder/Background/Layout/Results/RowsMargin/Rows/MapCardTemplate/Row/Map" unique_id=152846069]
 layout_mode = 1
 anchors_preset = 15
 anchor_right = 1.0
 anchor_bottom = 1.0
-offset_left = 1.0
 offset_right = 1.0
 grow_horizontal = 2
 grow_vertical = 2
 mouse_filter = 2
-theme_override_constants/margin_left = 5
-theme_override_constants/margin_top = 5
-theme_override_constants/margin_right = 5
-theme_override_constants/margin_bottom = 5
+theme_override_constants/margin_left = 10
+theme_override_constants/margin_top = 10
+theme_override_constants/margin_right = 10
+theme_override_constants/margin_bottom = 10
 
 [node name="Info" type="VBoxContainer" parent="Holder/Background/Layout/Results/RowsMargin/Rows/MapCardTemplate/Row/Map/Content" unique_id=1858565386]
 layout_mode = 2
@@ -434,10 +470,10 @@ mouse_filter = 2
 theme_override_constants/separation = -1
 
 [node name="TitleHolder" type="Control" parent="Holder/Background/Layout/Results/RowsMargin/Rows/MapCardTemplate/Row/Map/Content/Info/Top/Text" unique_id=183179678]
-custom_minimum_size = Vector2(0, 30)
+custom_minimum_size = Vector2(0, 20)
 custom_maximum_size = Vector2(-1, 20)
 layout_mode = 2
-size_flags_vertical = 3
+mouse_filter = 2
 
 [node name="Title" type="Label" parent="Holder/Background/Layout/Results/RowsMargin/Rows/MapCardTemplate/Row/Map/Content/Info/Top/Text/TitleHolder" unique_id=108669646]
 custom_minimum_size = Vector2(0, 32)
@@ -450,30 +486,29 @@ offset_top = 2.0
 offset_bottom = -2.0
 grow_horizontal = 2
 grow_vertical = 2
-offset_transform_enabled = true
 text = "Long Artist - Even Longer Title"
 label_settings = SubResource("LabelSettings_0pn3c")
-vertical_alignment = 1
 clip_text = true
 text_overrun_behavior = 3
 
 [node name="Details" type="HBoxContainer" parent="Holder/Background/Layout/Results/RowsMargin/Rows/MapCardTemplate/Row/Map/Content/Info/Top/Text" unique_id=1843119036]
 layout_mode = 2
-offset_transform_enabled = true
-offset_transform_position = Vector2(0, 8)
-offset_transform_visual_only = false
 
 [node name="VBoxContainer" type="VBoxContainer" parent="Holder/Background/Layout/Results/RowsMargin/Rows/MapCardTemplate/Row/Map/Content/Info/Top/Text/Details" unique_id=1188854303]
 layout_mode = 2
 size_flags_horizontal = 3
 theme_override_constants/separation = 0
 
-[node name="Mapper" type="Label" parent="Holder/Background/Layout/Results/RowsMargin/Rows/MapCardTemplate/Row/Map/Content/Info/Top/Text/Details/VBoxContainer" unique_id=1889073238]
+[node name="Mapper" type="RichTextLabel" parent="Holder/Background/Layout/Results/RowsMargin/Rows/MapCardTemplate/Row/Map/Content/Info/Top/Text/Details/VBoxContainer" unique_id=2078438243]
 layout_mode = 2
-text = "by: Mapper, Mapper, Mapper, Mapper"
-label_settings = SubResource("LabelSettings_ear6i")
-clip_text = true
-text_overrun_behavior = 3
+mouse_filter = 2
+theme_override_colors/font_shadow_color = Color(0, 0, 0, 0.39215687)
+theme_override_constants/shadow_outline_size = 1
+theme_override_constants/shadow_offset_y = 2
+bbcode_enabled = true
+text = "[color=#c8c8c8]by[/color] Mapper "
+fit_content = true
+autowrap_mode = 0
 
 [node name="Difficulty" type="Label" parent="Holder/Background/Layout/Results/RowsMargin/Rows/MapCardTemplate/Row/Map/Content/Info/Top/Text/Details/VBoxContainer" unique_id=2103154130]
 layout_mode = 2
@@ -485,7 +520,6 @@ text_overrun_behavior = 3
 
 [node name="Notes" type="Label" parent="Holder/Background/Layout/Results/RowsMargin/Rows/MapCardTemplate/Row/Map/Content/Info/Top/Text/Details/VBoxContainer" unique_id=200648501]
 layout_mode = 2
-size_flags_vertical = 10
 text = "1230 notes"
 label_settings = SubResource("LabelSettings_vr0hc")
 
@@ -495,9 +529,7 @@ mouse_filter = 2
 
 [node name="RankingPill" type="PanelContainer" parent="Holder/Background/Layout/Results/RowsMargin/Rows/MapCardTemplate/Row/Map/Content/Info/Bottom" unique_id=359816098]
 layout_mode = 2
-size_flags_vertical = 4
-offset_transform_position = Vector2(0, 6)
-offset_transform_visual_only = false
+mouse_filter = 2
 theme_override_styles/panel = SubResource("StyleBoxFlat_ikspe")
 
 [node name="Ranking" type="Label" parent="Holder/Background/Layout/Results/RowsMargin/Rows/MapCardTemplate/Row/Map/Content/Info/Bottom/RankingPill" unique_id=1500989616]
@@ -509,9 +541,7 @@ vertical_alignment = 1
 
 [node name="NotablePill" type="PanelContainer" parent="Holder/Background/Layout/Results/RowsMargin/Rows/MapCardTemplate/Row/Map/Content/Info/Bottom" unique_id=153266238]
 layout_mode = 2
-size_flags_vertical = 4
-offset_transform_position = Vector2(0, 6)
-offset_transform_visual_only = false
+mouse_filter = 2
 theme_override_styles/panel = SubResource("StyleBoxFlat_27haj")
 
 [node name="Notable" type="Label" parent="Holder/Background/Layout/Results/RowsMargin/Rows/MapCardTemplate/Row/Map/Content/Info/Bottom/NotablePill" unique_id=89549222]
@@ -523,32 +553,90 @@ vertical_alignment = 1
 
 [node name="Duration" type="Label" parent="Holder/Background/Layout/Results/RowsMargin/Rows/MapCardTemplate/Row/Map/Content/Info/Bottom" unique_id=1613545318]
 layout_mode = 2
-size_flags_horizontal = 10
-size_flags_vertical = 8
+size_flags_horizontal = 2
 text = "00:00"
 label_settings = SubResource("LabelSettings_vofg3")
+text_overrun_behavior = 3
 
-[node name="Download" type="Button" parent="Holder/Background/Layout/Results/RowsMargin/Rows/MapCardTemplate" unique_id=1787800176]
+[node name="RightPanel" type="Control" parent="Holder/Background/Layout/Results/RowsMargin/Rows/MapCardTemplate/Row" unique_id=1150644064]
+custom_minimum_size = Vector2(15, 0)
 layout_mode = 2
-theme_override_styles/normal = SubResource("StyleBoxEmpty_ear6i")
-theme_override_styles/pressed = SubResource("StyleBoxEmpty_3usyh")
-theme_override_styles/hover = SubResource("StyleBoxEmpty_i5ncw")
-theme_override_styles/hover_pressed = SubResource("StyleBoxEmpty_27haj")
+mouse_filter = 2
+
+[node name="Panel" type="Panel" parent="Holder/Background/Layout/Results/RowsMargin/Rows/MapCardTemplate/Row/RightPanel" unique_id=1644518063]
+self_modulate = Color(0.22352941, 0.25882354, 0.27450982, 1)
+custom_minimum_size = Vector2(15, 0)
+layout_mode = 1
+anchors_preset = 11
+anchor_left = 1.0
+anchor_right = 1.0
+anchor_bottom = 1.0
+grow_horizontal = 0
+grow_vertical = 2
+mouse_filter = 2
+theme_override_styles/panel = SubResource("StyleBoxFlat_jydku")
+
+[node name="Download" type="Button" parent="Holder/Background/Layout/Results/RowsMargin/Rows/MapCardTemplate/Row/RightPanel/Panel" unique_id=1787800176]
+layout_mode = 1
+anchors_preset = 8
+anchor_left = 0.5
+anchor_top = 0.5
+anchor_right = 0.5
+anchor_bottom = 0.5
+offset_left = -15.0
+offset_top = -30.0
+offset_right = 15.0
+offset_bottom = 30.0
+grow_horizontal = 2
+grow_vertical = 2
+mouse_filter = 2
+theme_override_styles/normal = SubResource("StyleBoxFlat_ueqk1")
+theme_override_styles/pressed = SubResource("StyleBoxFlat_bwt54")
+theme_override_styles/hover = SubResource("StyleBoxFlat_vjpuo")
+theme_override_styles/hover_pressed = SubResource("StyleBoxFlat_rav3o")
 theme_override_styles/disabled = SubResource("StyleBoxEmpty_ikspe")
 theme_override_styles/focus = SubResource("StyleBoxEmpty_t1djq")
 
-[node name="Dim" type="Panel" parent="Holder/Background/Layout/Results/RowsMargin/Rows/MapCardTemplate/Download" unique_id=673707878]
+[node name="Icon" type="TextureRect" parent="Holder/Background/Layout/Results/RowsMargin/Rows/MapCardTemplate/Row/RightPanel/Panel/Download" unique_id=1657699092]
 modulate = Color(1, 1, 1, 0)
 layout_mode = 1
-anchors_preset = 15
-anchor_right = 1.0
-anchor_bottom = 1.0
+anchors_preset = 8
+anchor_left = 0.5
+anchor_top = 0.5
+anchor_right = 0.5
+anchor_bottom = 0.5
+offset_left = -10.0
+offset_top = -10.0
+offset_right = 10.0
+offset_bottom = 10.0
 grow_horizontal = 2
 grow_vertical = 2
 mouse_filter = 2
-theme_override_styles/panel = SubResource("StyleBoxFlat_2hrgd")
+texture = ExtResource("7_ueqk1")
+expand_mode = 1
+
+[node name="Favorite" type="Button" parent="Holder/Background/Layout/Results/RowsMargin/Rows/MapCardTemplate/Row/RightPanel/Panel" unique_id=1504371854]
+visible = false
+layout_mode = 1
+anchors_preset = 7
+anchor_left = 0.5
+anchor_top = 1.0
+anchor_right = 0.5
+anchor_bottom = 1.0
+offset_left = -12.0
+offset_top = -52.0
+offset_right = 12.0
+offset_bottom = -10.0
+grow_horizontal = 2
+grow_vertical = 0
+theme_override_styles/normal = SubResource("StyleBoxEmpty_ear6i")
+theme_override_styles/pressed = SubResource("StyleBoxEmpty_3usyh")
+theme_override_styles/hover = SubResource("StyleBoxFlat_a8t2u")
+theme_override_styles/hover_pressed = SubResource("StyleBoxEmpty_27haj")
+theme_override_styles/disabled = SubResource("StyleBoxEmpty_ikspe")
+theme_override_styles/focus = SubResource("StyleBoxEmpty_t1djq")
 
-[node name="DownloadIcon" type="TextureRect" parent="Holder/Background/Layout/Results/RowsMargin/Rows/MapCardTemplate/Download" unique_id=1657699092]
+[node name="Icon" type="TextureRect" parent="Holder/Background/Layout/Results/RowsMargin/Rows/MapCardTemplate/Row/RightPanel/Panel/Favorite" unique_id=2012959816]
 modulate = Color(1, 1, 1, 0)
 layout_mode = 1
 anchors_preset = 8
@@ -556,16 +644,35 @@ anchor_left = 0.5
 anchor_top = 0.5
 anchor_right = 0.5
 anchor_bottom = 0.5
-offset_left = -16.0
-offset_top = -16.0
-offset_right = 16.0
-offset_bottom = 16.0
+offset_left = -7.0
+offset_top = -7.0
+offset_right = 7.0
+offset_bottom = 7.0
 grow_horizontal = 2
 grow_vertical = 2
 mouse_filter = 2
 texture = ExtResource("7_ueqk1")
 expand_mode = 1
 
+[node name="Corners" type="Control" parent="Holder/Background/Layout/Results/RowsMargin/Rows/MapCardTemplate/Row/RightPanel/Panel" unique_id=1201788807]
+modulate = Color(0.22352941, 0.25882354, 0.27450982, 1)
+layout_mode = 1
+anchors_preset = 15
+anchor_right = 1.0
+anchor_bottom = 1.0
+grow_horizontal = 2
+grow_vertical = 2
+offset_transform_enabled = true
+offset_transform_position = Vector2(-10, 0)
+mouse_filter = 2
+
+[node name="TopCorner" type="Polygon2D" parent="Holder/Background/Layout/Results/RowsMargin/Rows/MapCardTemplate/Row/RightPanel/Panel/Corners" unique_id=1409967721]
+polygon = PackedVector2Array(10, 0, 10, 10, 9.81, 8.05, 9.24, 6.17, 8.31, 4.44, 7.07, 2.93, 5.56, 1.69, 3.83, 0.76, 1.95, 0.19, 0, 0)
+
+[node name="BottomCorner" type="Polygon2D" parent="Holder/Background/Layout/Results/RowsMargin/Rows/MapCardTemplate/Row/RightPanel/Panel/Corners" unique_id=799821482]
+offset = Vector2(0, 110)
+polygon = PackedVector2Array(10, 10, 10, 0, 9.81, 1.95, 9.24, 3.83, 8.31, 5.56, 7.07, 7.07, 5.56, 8.31, 3.83, 9.24, 1.95, 9.81, 0, 10)
+
 [node name="Pagination" type="HBoxContainer" parent="Holder/Background/Layout" unique_id=49456061]
 layout_mode = 2
 alignment = 1
diff --git a/scripts/Constants.cs b/scripts/Constants.cs
index 9a0116cd..478339c0 100644
--- a/scripts/Constants.cs
+++ b/scripts/Constants.cs
@@ -42,4 +42,6 @@ public partial class Constants : Node
 
     public static readonly Color UNRANKED_COLOR = new(0xc7c7c7ff);
     public static readonly Color RANKED_COLOR = new(0x00f23cff);
+
+    public static readonly Color DOWNLOADED_COLOR = new Color(0x87fd89ff);
 }
diff --git a/scripts/scenes/MapBrowser.cs b/scripts/scenes/MapBrowser.cs
index b57849a3..72cd26a3 100644
--- a/scripts/scenes/MapBrowser.cs
+++ b/scripts/scenes/MapBrowser.cs
@@ -1,6 +1,4 @@
 using System;
-using System.Globalization;
-using System.Linq;
 using System.Text.Json;
 using System.Threading;
 using System.Threading.Tasks;
@@ -21,7 +19,7 @@ public partial class MapBrowser : Control
     private Timer searchTimer;
     private HBoxContainer filters;
     private ScrollContainer results;
-    private PanelContainer mapCardTemplate;
+    private MapCard mapCardTemplate;
 
     private CancellationTokenSource source = new();
 
@@ -36,7 +34,7 @@ public override void _Ready()
         search = searchBar.GetNode<LineEdit>("Search");
         searchTimer = GetNode<Timer>("SearchTimer");
         results = holder.GetNode<ScrollContainer>("Background/Layout/Results");
-        mapCardTemplate = results.GetNode<PanelContainer>("RowsMargin/Rows/MapCardTemplate");
+        mapCardTemplate = results.GetNode<MapCard>("RowsMargin/Rows/MapCardTemplate");
 
         mapCardTemplate.Visible = false;
 
@@ -114,205 +112,15 @@ private async Task populate(MapQueryParameters queryParameters)
 
         foreach (var map in maps)
         {
-            if (mapCardTemplate.Duplicate() is not PanelContainer mapCard)
+            if (mapCardTemplate.Duplicate() is not MapCard mapCard)
             {
                 continue;
             }
 
             mapCard.Visible = true;
             mapCardTemplate.GetParent().AddChild(mapCard);
-
-            Button downloadButton = mapCard.GetNode<Button>("Download");
-            Panel downloadDim = downloadButton.GetNode<Panel>("Dim");
-            TextureRect downloadIcon = downloadButton.GetNode<TextureRect>("DownloadIcon");
-
-            Texture2D downloadIconTexture = GD.Load<Texture2D>("res://user/skins/default/ui/buttons/import.png");
-            Texture2D deleteIconTexture = GD.Load<Texture2D>("res://user/skins/default/ui/buttons/delete.png");
-            Texture2D throbberTexture = GD.Load<Texture2D>("res://textures/throbber.png");
-
-            Tween downloadTween = null;
-
-            TextureRect coverImage = mapCard.GetNode<TextureRect>("Row/CoverHolder/Cover");
-            TextureRect blurCoverImage = mapCard.GetNode<TextureRect>("Row/Map/BlurCoverHolder/BlurCover");
-
-            VBoxContainer info = mapCard.GetNode<VBoxContainer>("Row/Map/Content/Info");
-            VBoxContainer topText = info.GetNode<VBoxContainer>("Top/Text");
-            HBoxContainer bottomText = info.GetNode<HBoxContainer>("Bottom");
-
-            Label titleLabel = topText.GetNode<Label>("TitleHolder/Title");
-            Label mappersLabel = topText.GetNode<Label>("Details/VBoxContainer/Mapper");
-            PanelContainer notablePill = bottomText.GetNode<PanelContainer>("NotablePill");
-            Label difficultyLabel = topText.GetNode<Label>("Details/VBoxContainer/Difficulty");
-            Label noteCountLabel = topText.GetNode<Label>("Details/VBoxContainer/Notes");
-            PanelContainer rankingPill = bottomText.GetNode<PanelContainer>("RankingPill");
-            Label rankingLabel = rankingPill.GetNode<Label>("Ranking");
-            Label durationLabel = bottomText.GetNode<Label>("Duration");
-
-            Map downloadedMap = getDownloadedMap(map.GetProperty("noteHash").GetString());
-            bool isDownloaded = downloadedMap != null;
-            bool isDownloading = false;
-
-            if (isDownloaded)
-            {
-                downloadIcon.Texture = deleteIconTexture;
-                downloadIcon.Modulate = Color.Color8(255, 255, 255);
-            }
-            else
-            {
-                downloadIcon.Texture = downloadIconTexture;
-            }
-            downloadIcon.PivotOffset = downloadIcon.Size / 2;
-
-            downloadButton.MouseEntered += () =>
-            {
-                if (isDownloading)
-                    return;
-
-                downloadTween?.Kill();
-                downloadTween = downloadButton.CreateTween().SetTrans(Tween.TransitionType.Quad).SetEase(Tween.EaseType.InOut).SetParallel();
-                downloadTween.TweenProperty(downloadDim, "modulate", Color.Color8(255, 255, 255, 128), 0.2);
-
-                if (!isDownloaded)
-                {
-                    downloadTween.TweenProperty(downloadIcon, "modulate", Color.Color8(255, 255, 255), 0.2);
-                }
-            };
-            downloadButton.MouseExited += () =>
-            {
-                if (isDownloading)
-                    return;
-
-                downloadTween?.Kill();
-                downloadTween = downloadButton.CreateTween().SetTrans(Tween.TransitionType.Quad).SetEase(Tween.EaseType.InOut).SetParallel();
-                downloadTween.TweenProperty(downloadDim, "modulate", Color.Color8(255, 255, 255, 0), 0.2);
-
-                if (!isDownloaded)
-                {
-                    downloadTween.TweenProperty(downloadIcon, "modulate", Color.Color8(255, 255, 255, 0), 0.2);
-                }
-            };
-            downloadButton.Pressed += async () =>
-            {
-                downloadButton.Disabled = true;
-
-                if (isDownloaded)
-                {
-                    MapManager.Delete(downloadedMap);
-                    downloadedMap = null;
-                    isDownloaded = false;
-                }
-                else
-                {
-                    isDownloading = true;
-                    downloadIcon.Texture = throbberTexture;
-
-                    Tween throbberTween = downloadIcon.CreateTween().SetLoops();
-                    throbberTween.TweenProperty(downloadIcon, "rotation", Mathf.Tau, 1).AsRelative();
-
-                    downloadedMap = await downloadMap(map.GetProperty("fileUrl"), map.GetProperty("legacyId").GetString(), source);
-                    isDownloaded = downloadedMap != null;
-
-                    throbberTween.Kill();
-
-                    downloadIcon.Rotation = 0;
-                    isDownloading = false;
-                }
-
-                downloadTween?.Kill();
-                downloadButton.Disabled = false;
-
-                bool hovered = downloadButton.IsHovered();
-
-                downloadTween = downloadButton.CreateTween().SetTrans(Tween.TransitionType.Quad).SetEase(Tween.EaseType.InOut).SetParallel();
-                downloadTween.TweenProperty(downloadDim, "modulate", Color.Color8(255, 255, 255, (byte)(hovered ? 128 : 0)), 0.2);
-                downloadTween.TweenProperty(downloadIcon, "modulate", Color.Color8(255, 255, 255, (byte)(isDownloaded || hovered ? 255 : 0)), 0.2);
-
-                downloadIcon.Texture = isDownloaded ? deleteIconTexture : downloadIconTexture;
-            };
-
-            _ = loadCover(map.GetProperty("covers").GetProperty("128"), coverImage, blurCoverImage, source);
-
-            int difficulty = map.GetProperty("difficulty").GetInt32();
-            string difficultyName = map.GetProperty("difficultyName").GetString();
-            string difficultyText = string.IsNullOrEmpty(difficultyName) ? Constants.DIFFICULTIES[difficulty] : difficultyName;
-            bool isRanked = map.GetProperty("isRanked").GetBoolean();
-            var rankingPillStyle = (StyleBoxFlat)rankingPill.GetThemeStylebox("panel").Duplicate();
-            var duration = TimeSpan.FromMilliseconds(map.GetProperty("length").GetDouble());
-
-            titleLabel.Text = $"{map.GetProperty("artist").GetString()} - {map.GetProperty("title").GetString()}";
-            mappersLabel.Text = $"by {string.Join(", ", map.GetProperty("mappers").EnumerateArray().Select(x => x.GetProperty("name").GetString()))}";
-            notablePill.Visible = map.GetProperty("mappers").EnumerateArray().Any(x => x.GetProperty("isNotable").GetBoolean());
-            difficultyLabel.Text = difficultyText;
-            difficultyLabel.LabelSettings = (LabelSettings)difficultyLabel.LabelSettings.Duplicate();
-            difficultyLabel.LabelSettings.FontColor = Constants.DIFFICULTY_COLORS[difficulty];
-            noteCountLabel.Text = $"{map.GetProperty("noteCount").GetInt32().ToString(CultureInfo.InvariantCulture)} notes";
-            rankingLabel.Text = isRanked ? "RANKED" : "UNRANKED";
-
-            rankingPillStyle.BgColor = isRanked ? Constants.RANKED_COLOR : Constants.UNRANKED_COLOR;
-            rankingPill.AddThemeStyleboxOverride("panel", rankingPillStyle);
-
-            durationLabel.Text =
-                duration.TotalHours >= 1
-                    ? duration.ToString(@"hh\:mm\:ss", CultureInfo.InvariantCulture)
-                    : duration.ToString(@"mm\:ss", CultureInfo.InvariantCulture);
-        }
-    }
-
-    private static async Task loadCover(JsonElement coverUrl, TextureRect coverTexture, TextureRect blurCoverTexture, CancellationTokenSource source)
-    {
-        var token = source.Token;
-
-        Texture2D cover = null;
-
-        if (!token.IsCancellationRequested && coverUrl.ValueKind != JsonValueKind.Null)
-        {
-            var coverImage = await MapBrowserService.GetCoverImage(coverUrl.GetString(), token);
-            cover = ImageTexture.CreateFromImage(coverImage);
+            mapCard.Bind(map, source);
         }
-
-        if (!(IsInstanceValid(coverTexture) && IsInstanceValid(blurCoverTexture)))
-            return;
-
-        coverTexture.Texture = cover;
-        blurCoverTexture.Texture = cover;
-    }
-
-    private static async Task<Map> downloadMap(JsonElement fileUrl, string mapId, CancellationTokenSource source)
-    {
-        var token = source.Token;
-
-        byte[] buffer;
-
-        try
-        {
-            buffer = await MapBrowserService.GetMapFile(fileUrl.GetString(), token);
-        }
-        catch (Exception exception)
-        {
-            await ToastNotification.Notify("Failed to download map", 2);
-            Logger.Error(exception);
-            return null;
-        }
-
-        try
-        {
-            var map = MapParser.PHXM(buffer, mapId);
-            MapParser.Encode(map);
-            Callable.From(() => MapParser.Instance.EmitSignal(MapParser.SignalName.MapsImportFinished, new[] { map })).CallDeferred();
-            _ = ToastNotification.Notify("Map downloaded");
-            return map;
-        }
-        catch (Exception exception)
-        {
-            await ToastNotification.Notify("Map is corrupted", 2);
-            Logger.Error(exception);
-            return null;
-        }
-    }
-
-    private static Map getDownloadedMap(string hash)
-    {
-        return MapManager.Maps.FirstOrDefault(m => m.ObjectHash == hash);
     }
 
     private void onSearchTimerTimeout()
diff --git a/scripts/scenes/MapCard.cs b/scripts/scenes/MapCard.cs
new file mode 100644
index 00000000..e3f94a90
--- /dev/null
+++ b/scripts/scenes/MapCard.cs
@@ -0,0 +1,394 @@
+using System;
+using System.Globalization;
+using System.Linq;
+using System.Text.Json;
+using System.Threading;
+using System.Threading.Tasks;
+using Godot;
+
+public partial class MapCard : PanelContainer
+{
+    private Control mapHolder;
+    private Control rightPanelContainer;
+    private Control rightPanelCorners;
+
+    private MarginContainer contentContainer;
+
+    private VBoxContainer info;
+    private VBoxContainer topText;
+    private HBoxContainer bottomText;
+
+    private PanelContainer coverHolder;
+    private PanelContainer blurCoverHolder;
+    private PanelContainer rankingPill;
+    private PanelContainer notablePill;
+
+    private Panel coverDim;
+    private Panel blurCoverDim;
+    private Panel rightPanel;
+
+    private Button downloadButton;
+
+    private Label titleLabel;
+    private Label difficultyLabel;
+    private Label noteCountLabel;
+    private Label rankingLabel;
+    private Label durationLabel;
+
+    private RichTextLabel mappersLabel;
+
+    private TextureRect coverImage;
+    private TextureRect blurCoverImage;
+    private TextureRect downloadIcon;
+
+    private static readonly Texture2D download_icon_texture = GD.Load<Texture2D>("res://user/skins/default/ui/buttons/import.png");
+    private static readonly Texture2D delete_icon_texture = GD.Load<Texture2D>("res://user/skins/default/ui/buttons/delete.png");
+    private static readonly Texture2D throbber_texture = GD.Load<Texture2D>("res://textures/throbber.png");
+
+    private Tween mapCardTween;
+    private Tween downloadButtonTween;
+
+    private StyleBoxFlat downloadButtonStyle;
+
+    private Map downloadedMap;
+
+    private DownloadState state = DownloadState.NotDownloaded;
+
+    private enum DownloadState
+    {
+        NotDownloaded,
+        Downloading,
+        Downloaded,
+        Failed,
+    }
+
+    public override void _Ready()
+    {
+        mapHolder = GetNode<Control>("Row/Map");
+        rightPanelContainer = GetNode<Control>("Row/RightPanel");
+
+        contentContainer = mapHolder.GetNode<MarginContainer>("Content");
+
+        info = mapHolder.GetNode<VBoxContainer>("Content/Info");
+        topText = info.GetNode<VBoxContainer>("Top/Text");
+        bottomText = info.GetNode<HBoxContainer>("Bottom");
+
+        coverHolder = GetNode<PanelContainer>("Row/CoverHolder");
+        blurCoverHolder = mapHolder.GetNode<PanelContainer>("BlurCoverHolder");
+        rankingPill = bottomText.GetNode<PanelContainer>("RankingPill");
+        notablePill = bottomText.GetNode<PanelContainer>("NotablePill");
+
+        coverDim = coverHolder.GetNode<Panel>("Dim");
+        blurCoverDim = blurCoverHolder.GetNode<Panel>("Dim");
+        rightPanel = rightPanelContainer.GetNode<Panel>("Panel");
+        rightPanelCorners = rightPanel.GetNode<Control>("Corners");
+
+        downloadButton = rightPanel.GetNode<Button>("Download");
+
+        titleLabel = topText.GetNode<Label>("TitleHolder/Title");
+        difficultyLabel = topText.GetNode<Label>("Details/VBoxContainer/Difficulty");
+        noteCountLabel = topText.GetNode<Label>("Details/VBoxContainer/Notes");
+        rankingLabel = rankingPill.GetNode<Label>("Ranking");
+        durationLabel = bottomText.GetNode<Label>("Duration");
+
+        mappersLabel = topText.GetNode<RichTextLabel>("Details/VBoxContainer/Mapper");
+
+        coverImage = coverHolder.GetNode<TextureRect>("Cover");
+        blurCoverImage = mapHolder.GetNode<TextureRect>("BlurCoverHolder/BlurCover");
+        downloadIcon = downloadButton.GetNode<TextureRect>("Icon");
+
+        downloadButtonStyle = (StyleBoxFlat)downloadButton.GetThemeStylebox("normal").Duplicate();
+
+        downloadButton.AddThemeStyleboxOverride("normal", downloadButtonStyle);
+        downloadButton.AddThemeStyleboxOverride("hover", downloadButtonStyle);
+        downloadButton.AddThemeStyleboxOverride("pressed", downloadButtonStyle);
+        downloadButton.AddThemeStyleboxOverride("hover_pressed", downloadButtonStyle);
+    }
+
+    public void Bind(JsonElement map, CancellationTokenSource source)
+    {
+        titleLabel.Text = $"{map.GetProperty("artist").GetString()} - {map.GetProperty("title").GetString()}";
+        mappersLabel.Text =
+            $"[color=#c8c8c8]by[/color] {string.Join(", ", map.GetProperty("mappers").EnumerateArray().Select(x => x.GetProperty("name").GetString()))}";
+        notablePill.Visible = map.GetProperty("mappers").EnumerateArray().Any(x => x.GetProperty("isNotable").GetBoolean());
+
+        int difficulty = map.GetProperty("difficulty").GetInt32();
+        string difficultyName = map.GetProperty("difficultyName").GetString();
+        string difficultyText = string.IsNullOrEmpty(difficultyName) ? Constants.DIFFICULTIES[difficulty] : difficultyName;
+
+        difficultyLabel.Text = difficultyText;
+        difficultyLabel.LabelSettings = (LabelSettings)difficultyLabel.LabelSettings.Duplicate();
+        difficultyLabel.LabelSettings.FontColor = Constants.DIFFICULTY_COLORS[difficulty];
+
+        noteCountLabel.Text = $"{map.GetProperty("noteCount").GetInt32().ToString(CultureInfo.InvariantCulture)} notes";
+
+        bool isRanked = map.GetProperty("isRanked").GetBoolean();
+        var rankingPillStyle = (StyleBoxFlat)rankingPill.GetThemeStylebox("panel").Duplicate();
+        rankingLabel.Text = isRanked ? "RANKED" : "UNRANKED";
+        rankingPillStyle.BgColor = isRanked ? Constants.RANKED_COLOR : Constants.UNRANKED_COLOR;
+        rankingPill.AddThemeStyleboxOverride("panel", rankingPillStyle);
+
+        var mapLength = TimeSpan.FromMilliseconds(map.GetProperty("length").GetDouble());
+        durationLabel.Text =
+            mapLength.TotalHours >= 1
+                ? mapLength.ToString(@"hh\:mm\:ss", CultureInfo.InvariantCulture)
+                : mapLength.ToString(@"mm\:ss", CultureInfo.InvariantCulture);
+
+        downloadedMap = getDownloadedMap(map.GetProperty("noteHash").GetString());
+        state = downloadedMap != null ? DownloadState.Downloaded : DownloadState.NotDownloaded;
+        updateDownloadIcon();
+
+        tweenRightPanelColor(rightPanel, rightPanelCorners, state, 0);
+
+        MouseEntered += () =>
+        {
+            if (state == DownloadState.Downloading)
+                return;
+
+            mapCardTween?.Kill();
+            mapCardTween = tweenMapCard(this, blurCoverDim, rightPanel, contentContainer, downloadIcon, true);
+
+            downloadButton.SetMouseFilter(MouseFilterEnum.Stop);
+        };
+        MouseExited += () =>
+        {
+            if (
+                state == DownloadState.Downloading
+                || downloadButton.GetGlobalRect().HasPoint(downloadButton.GetGlobalMousePosition())
+                || Input.IsMouseButtonPressed(MouseButton.Left)
+            )
+                return;
+
+            mapCardTween?.Kill();
+            mapCardTween = tweenMapCard(this, blurCoverDim, rightPanel, contentContainer, downloadIcon);
+
+            downloadButton.SetMouseFilter(MouseFilterEnum.Ignore);
+        };
+        downloadButton.MouseEntered += () =>
+        {
+            if (state == DownloadState.Downloading)
+                return;
+
+            downloadButtonTween?.Kill();
+            downloadButtonTween = tweenDownloadButton(downloadButton, downloadIcon, downloadButtonStyle, state, true);
+        };
+        downloadButton.MouseExited += () =>
+        {
+            if (state == DownloadState.Downloading)
+                return;
+
+            downloadButtonTween?.Kill();
+            downloadButtonTween = tweenDownloadButton(downloadButton, downloadIcon, downloadButtonStyle, state);
+
+            if (GetGlobalRect().HasPoint(GetGlobalMousePosition()))
+                return;
+
+            mapCardTween?.Kill();
+            mapCardTween = tweenMapCard(this, blurCoverDim, rightPanel, contentContainer, downloadIcon);
+
+            downloadButton.SetMouseFilter(MouseFilterEnum.Ignore);
+        };
+        downloadButton.ButtonDown += () =>
+        {
+            if (state == DownloadState.Downloading)
+                return;
+
+            downloadButtonTween?.Kill();
+            downloadButtonTween = tweenDownloadButton(downloadButton, downloadIcon, downloadButtonStyle, state, true, true);
+        };
+        downloadButton.ButtonUp += () =>
+        {
+            if (state == DownloadState.Downloading)
+                return;
+
+            downloadButtonTween?.Kill();
+            downloadButtonTween = tweenDownloadButton(downloadButton, downloadIcon, downloadButtonStyle, state, downloadButton.IsHovered());
+        };
+        downloadButton.Pressed += async () =>
+        {
+            downloadButton.Disabled = true;
+
+            if (state == DownloadState.Downloaded)
+            {
+                MapManager.Delete(downloadedMap);
+                downloadedMap = null;
+                state = DownloadState.NotDownloaded;
+            }
+            else
+            {
+                state = DownloadState.Downloading;
+                downloadIcon.Texture = throbber_texture;
+
+                Tween throbberTween = downloadIcon.CreateTween().SetLoops();
+                throbberTween.TweenProperty(downloadIcon, "rotation", Mathf.Tau, 1).AsRelative();
+
+                downloadedMap = await downloadMap(map.GetProperty("fileUrl"), map.GetProperty("legacyId").GetString(), source);
+                state = downloadedMap != null ? DownloadState.Downloaded : DownloadState.Failed;
+
+                throbberTween.Kill();
+
+                downloadIcon.Rotation = 0;
+            }
+
+            downloadButtonTween?.Kill();
+            downloadButton.Disabled = false;
+
+            bool hovered = downloadButton.IsHovered();
+
+            downloadButtonTween = tweenDownloadButton(downloadButton, downloadIcon, downloadButtonStyle, state, hovered);
+            updateDownloadIcon();
+
+            tweenRightPanelColor(rightPanel, rightPanelCorners, state);
+        };
+
+        _ = loadCover(map.GetProperty("covers").GetProperty("128"), coverImage, blurCoverImage, source);
+    }
+
+    private static async Task<Map> downloadMap(JsonElement fileUrl, string mapId, CancellationTokenSource source)
+    {
+        var token = source.Token;
+
+        byte[] buffer;
+
+        try
+        {
+            buffer = await MapBrowserService.GetMapFile(fileUrl.GetString(), token);
+        }
+        catch (Exception exception)
+        {
+            await ToastNotification.Notify("Failed to download map", 2);
+            Logger.Error(exception);
+            return null;
+        }
+
+        try
+        {
+            var map = MapParser.PHXM(buffer, mapId);
+            MapParser.Encode(map);
+            Callable.From(() => MapParser.Instance.EmitSignal(MapParser.SignalName.MapsImportFinished, new[] { map })).CallDeferred();
+            _ = ToastNotification.Notify("Map downloaded");
+            return map;
+        }
+        catch (Exception exception)
+        {
+            await ToastNotification.Notify("Map is corrupted", 2);
+            Logger.Error(exception);
+            return null;
+        }
+    }
+
+    private static async Task loadCover(JsonElement coverUrl, TextureRect coverTexture, TextureRect blurCoverTexture, CancellationTokenSource source)
+    {
+        var token = source.Token;
+        Texture2D cover = null;
+
+        try
+        {
+            if (!token.IsCancellationRequested && coverUrl.ValueKind != JsonValueKind.Null)
+            {
+                var coverImage = await MapBrowserService.GetCoverImage(coverUrl.GetString(), token);
+                cover = ImageTexture.CreateFromImage(coverImage);
+            }
+        }
+        catch (Exception exception)
+        {
+            Logger.Error(exception);
+            return;
+        }
+
+        if (!(IsInstanceValid(coverTexture) && IsInstanceValid(blurCoverTexture)))
+            return;
+
+        coverTexture.Texture = cover;
+        blurCoverTexture.Texture = cover;
+    }
+
+    private static Map getDownloadedMap(string hash)
+    {
+        return MapManager.Maps.FirstOrDefault(m => m.ObjectHash == hash);
+    }
+
+    private void updateDownloadIcon()
+    {
+        downloadIcon.PivotOffset = downloadIcon.Size / 2;
+        downloadIcon.Texture = state == DownloadState.Downloaded ? delete_icon_texture : download_icon_texture;
+
+        if (state == DownloadState.Downloaded)
+        {
+            downloadIcon.Texture = delete_icon_texture;
+            downloadIcon.SelfModulate = Color.Color8(57, 66, 70);
+        }
+        else
+        {
+            downloadIcon.Texture = download_icon_texture;
+            downloadIcon.SelfModulate = Color.Color8(255, 255, 255);
+        }
+    }
+
+    private static Tween tweenMapCard(
+        PanelContainer mapCard,
+        Panel blurCoverDim,
+        Panel rightPanel,
+        MarginContainer contentContainer,
+        TextureRect downloadIcon,
+        bool hover = false,
+        double duration = 0.2
+    )
+    {
+        Tween mapCardTween = mapCard.CreateTween().SetTrans(Tween.TransitionType.Quad).SetEase(Tween.EaseType.InOut).SetParallel();
+        mapCardTween.TweenProperty(blurCoverDim, "modulate", Color.Color8(255, 255, 255, (byte)(hover ? 64 : 0)), duration);
+        mapCardTween.TweenProperty(rightPanel, "custom_minimum_size", new Vector2(hover ? 40 : 15, 0), duration);
+        mapCardTween.TweenProperty(contentContainer, "theme_override_constants/margin_right", hover ? 40 : 15, duration);
+        mapCardTween.TweenProperty(downloadIcon, "modulate", Color.Color8(255, 255, 255, (byte)(hover ? 204 : 0)), duration);
+
+        return mapCardTween;
+    }
+
+    private static Tween tweenRightPanelColor(Panel rightPanel, Control rightPanelCorners, DownloadState state, double duration = 0.2)
+    {
+        Color color = state == DownloadState.Downloaded ? Constants.DOWNLOADED_COLOR : Color.Color8(57, 66, 70);
+
+        Tween rightPanelTween = rightPanel.CreateTween().SetTrans(Tween.TransitionType.Quad).SetEase(Tween.EaseType.InOut).SetParallel();
+        rightPanelTween.TweenProperty(rightPanel, "self_modulate", color, duration);
+        rightPanelTween.TweenProperty(rightPanelCorners, "modulate", color, duration);
+
+        return rightPanelTween;
+    }
+
+    private static Tween tweenDownloadButton(
+        Button downloadButton,
+        TextureRect downloadIcon,
+        StyleBoxFlat downloadButtonStyle,
+        DownloadState state,
+        bool hover = false,
+        bool pressed = false,
+        double duration = 0.2
+    )
+    {
+        bool downloaded = state == DownloadState.Downloaded;
+
+        Tween downloadButtonTween = downloadButton.CreateTween().SetTrans(Tween.TransitionType.Quad).SetEase(Tween.EaseType.InOut).SetParallel();
+        downloadButtonTween.TweenProperty(
+            downloadIcon,
+            "modulate",
+            Color.Color8(255, 255, 255, downloaded ? (byte)255 : (byte)(hover ? 255 : 204)),
+            duration
+        );
+        downloadButtonTween.TweenProperty(
+            downloadButtonStyle,
+            "bg_color",
+            Color.Color8(
+                255,
+                255,
+                255,
+                (byte)(
+                    pressed ? (downloaded ? 90 : 70)
+                    : hover ? (downloaded ? 85 : 40)
+                    : 0
+                )
+            ),
+            duration
+        );
+        return downloadButtonTween;
+    }
+}
diff --git a/scripts/scenes/MapCard.cs.uid b/scripts/scenes/MapCard.cs.uid
new file mode 100644
index 00000000..df3f6a39
--- /dev/null
+++ b/scripts/scenes/MapCard.cs.uid
@@ -0,0 +1 @@
+uid://cexyomdgasvme