feat(*): Redesign HUD scoreboard as a single timer/score/team banner

Game/scenes/HUD.tscn

@@ -1,4 +1,4 @@
-[gd_scene load_steps=7 format=3 uid="uid://c8kak2l3m4n5"]
+[gd_scene load_steps=8 format=3 uid="uid://c8kak2l3m4n5"]
 
 [ext_resource type="Script" uid="uid://du7y176h5aaq4" path="res://scripts/HUDController.gd" id="1_hud_controller"]
 [ext_resource type="Script" path="res://scripts/hud_attitude_indicator.gd" id="2_adi"]
@@ -11,6 +11,17 @@ font_size = 32
 [sub_resource type="LabelSettings" id="LabelSettings_kickoff"]
 font_size = 96
 
+[sub_resource type="StyleBoxFlat" id="StyleBoxFlat_scoreboard"]
+bg_color = Color(0.05, 0.06, 0.09, 0.6)
+corner_radius_top_left = 10
+corner_radius_top_right = 10
+corner_radius_bottom_right = 10
+corner_radius_bottom_left = 10
+content_margin_left = 20.0
+content_margin_top = 8.0
+content_margin_right = 20.0
+content_margin_bottom = 8.0
+
 [node name="HUD" type="CanvasLayer"]
 process_mode = 3
 script = ExtResource("1_hud_controller")
@@ -24,47 +35,61 @@ grow_horizontal = 2
 grow_vertical = 2
 mouse_filter = 2
 
-[node name="TimerLabel" type="Label" parent="Control"]
+[node name="ScoreboardPanel" type="PanelContainer" parent="Control"]
 layout_mode = 1
 anchors_preset = 5
 anchor_left = 0.5
 anchor_right = 0.5
-offset_left = -90.5
-offset_right = 90.5
-offset_bottom = 62.0
+offset_left = -220.0
+offset_right = 220.0
+offset_top = 8.0
+offset_bottom = 60.0
 grow_horizontal = 2
+theme_override_styles/panel = SubResource("StyleBoxFlat_scoreboard")
+
+[node name="ScoreRow" type="HBoxContainer" parent="Control/ScoreboardPanel"]
+layout_mode = 2
+alignment = 1
+theme_override_constants/separation = 16
+
+[node name="Team0Name" type="Label" parent="Control/ScoreboardPanel/ScoreRow"]
+layout_mode = 2
+size_flags_vertical = 4
+theme_override_colors/font_color = Color(0.25, 0.55, 1, 1)
+theme_override_font_sizes/font_size = 14
+horizontal_alignment = 1
+text = "BLUE"
+
+[node name="Team0Score" type="Label" parent="Control/ScoreboardPanel/ScoreRow"]
+layout_mode = 2
+size_flags_vertical = 4
+theme_override_colors/font_color = Color(0.25, 0.55, 1, 1)
+theme_override_font_sizes/font_size = 32
+horizontal_alignment = 1
+text = "0"
+
+[node name="TimerLabel" type="Label" parent="Control/ScoreboardPanel/ScoreRow"]
+layout_mode = 2
+size_flags_vertical = 4
 label_settings = SubResource("LabelSettings_hud")
 horizontal_alignment = 1
 
-[node name="ScoreRow" type="HBoxContainer" parent="Control"]
-layout_mode = 1
-anchors_preset = 5
-anchor_left = 0.5
-anchor_right = 0.5
-offset_left = -90.5
-offset_right = 90.5
-offset_top = 64.0
-offset_bottom = 110.0
-grow_horizontal = 2
-alignment = 1
-
-[node name="Team0Score" type="Label" parent="Control/ScoreRow"]
-layout_mode = 2
-theme_override_colors/font_color = Color(0.25, 0.55, 1, 1)
-theme_override_font_sizes/font_size = 32
-text = "0"
-
-[node name="ScoreDash" type="Label" parent="Control/ScoreRow"]
-layout_mode = 2
-theme_override_font_sizes/font_size = 32
-text = " - "
-
-[node name="Team1Score" type="Label" parent="Control/ScoreRow"]
+[node name="Team1Score" type="Label" parent="Control/ScoreboardPanel/ScoreRow"]
 layout_mode = 2
+size_flags_vertical = 4
 theme_override_colors/font_color = Color(1, 0.5, 0.15, 1)
 theme_override_font_sizes/font_size = 32
+horizontal_alignment = 1
 text = "0"
 
+[node name="Team1Name" type="Label" parent="Control/ScoreboardPanel/ScoreRow"]
+layout_mode = 2
+size_flags_vertical = 4
+theme_override_colors/font_color = Color(1, 0.5, 0.15, 1)
+theme_override_font_sizes/font_size = 14
+horizontal_alignment = 1
+text = "ORANGE"
+
 [node name="KickoffLabel" type="Label" parent="Control"]
 visible = false
 layout_mode = 1
@@ -141,8 +166,8 @@ anchor_left = 0.5
 anchor_right = 0.5
 offset_left = -180.0
 offset_right = 180.0
-offset_top = 116.0
-offset_bottom = 156.0
+offset_top = 68.0
+offset_bottom = 108.0
 grow_horizontal = 2
 mouse_filter = 2
 script = ExtResource("3_tape")