Adds basic lucker stats component holding score, removes unused client input fixes up lucker entity setting to properly set owner on the target entity

.sbproj

@@ -37,7 +37,20 @@
         "GameSettings": {},
         "Addons": "",
         "PreLaunchCommand": "",
-        "PostLaunchCommand": ""
+        "PostLaunchCommand": "lucker_minigames_per_round 1"
+      }
+    ],
+    "PackageSettings": [
+      {
+        "DisplayType": "Integer",
+        "Choices": [],
+        "ConVarName": "lucker_minigames_per_round",
+        "DisplayName": "Minigames Per Round",
+        "DefaultValue": "0",
+        "Description": "The number of minigames played per round",
+        "Group": "Other",
+        "Minimum": 1,
+        "Maximum": 12
       }
     ]
   }

code/Entities/Lucker.cs

@@ -1,4 +1,5 @@
 using LuckerGame.Components.Lucker.Cameras;
+using LuckerGame.EntityComponents.Lucker;
 using LuckerGame.Events;
 using Sandbox;
 
@@ -11,9 +12,22 @@ namespace LuckerGame.Entities;
 public partial class Lucker : Entity
 {
 	/// <summary>
-	/// The entity this Player currently controls
+	/// The entity this player controls. This value is networked and should be accessed through <see cref="Pawn"/>.
 	/// </summary>
-	public Entity Pawn { get; set; }
+	[Net] private Entity InternalPawn { get; set; }
+
+	/// <summary>
+	/// Accesses or sets the entity this player current controls
+	/// </summary>
+	public Entity Pawn
+	{
+		get => InternalPawn;
+		set
+		{
+			InternalPawn = value;
+			value.Owner = this;
+		}
+	}
 
 	/// <summary>
 	/// Before the round has started, this player indicated they were ready
@@ -24,6 +38,8 @@ public partial class Lucker : Entity
 	/// This Lucker's camera
 	/// </summary>
 	[BindComponent] public AbstractCamera Camera { get; }
+	
+	[BindComponent] public LuckerStats Stats { get; }
 
 	/// <summary>
 	/// Creates and properly sets up a Player entity for a given client
@@ -37,6 +53,7 @@ public partial class Lucker : Entity
 		player.Owner = client as Entity;
 		player.Name = client.Name;
 		var camera = player.Components.Create<RTSCamera>();
+		var stats = player.Components.Create<LuckerStats>();
 
 		return player;
 	}

code/Entities/MinigameManager.cs

@@ -12,8 +12,20 @@ namespace LuckerGame.Entities;
 /// </summary>
 public partial class MinigameManager : Entity
 {
+	/// <summary>
+	/// The currently loaded minigame
+	/// </summary>
 	[Net] public Minigame LoadedMinigame { get; private set; }
-	private List<Minigame> AvailableMinigames { get; set; }
+	
+	/// <summary>
+	/// A cached list of available minigames. Gets reloaded on a hotreload
+	/// </summary>
+	private List<TypeDescription> AvailableMinigames { get; set; }
+	
+	/// <summary>
+	/// The players involved in the current minigame
+	/// </summary>
+	private List<Lucker> InvolvedPlayers { get; set; }
 
 	public override void Spawn()
 	{
@@ -23,9 +35,10 @@ public partial class MinigameManager : Entity
 
 	public void StartMinigame(List<Lucker> players, string minigameName = null)
 	{
+		InvolvedPlayers = players.ToList();
 		if (CheckForMinigames())
 		{
-			LoadedMinigame = string.IsNullOrEmpty( minigameName ) ? AvailableMinigames.OrderBy( _ => Guid.NewGuid() ).FirstOrDefault() : TypeLibrary.Create<Minigame>( minigameName );
+			LoadedMinigame = string.IsNullOrEmpty( minigameName ) ? TypeLibrary.Create<Minigame>(AvailableMinigames.OrderBy( _ => Guid.NewGuid() ).FirstOrDefault().TargetType) : TypeLibrary.Create<Minigame>( minigameName );
 			ChatBox.AddInformation( To.Everyone, $"Starting {LoadedMinigame.Name}" );
 			LoadedMinigame.Initialize( players );
 		}
@@ -46,7 +59,7 @@ public partial class MinigameManager : Entity
 	{
 		AvailableMinigames = TypeLibrary.GetTypes<Minigame>()
 			.Where( type => !type.IsAbstract && !type.IsInterface )
-			.Select( td => TypeLibrary.Create<Minigame>( td.TargetType ) ).ToList();
+			.ToList();
 	}
 
 	[Event.Hotload]
@@ -54,13 +67,43 @@ public partial class MinigameManager : Entity
 	{
 		FindMinigames();
 	}
+
+	/// <summary>
+	/// Goes through the players included in the loaded minigame and deletes and nulls out any pawns assigned to them
+	/// </summary>
+	private void CleanupPlayerPawns()
+	{
+		if ( LoadedMinigame is not { IsValid: true } || InvolvedPlayers == null)
+		{
+			Log.Warning( "Attempted to clean up players without a minigame loaded!" );
+			return;
+		}
+		InvolvedPlayers.ForEach( player =>
+		{
+			player.Pawn.Delete();
+			player.Pawn = null;
+		} );
+	}
 	
-	public void Tick()
+	/// <summary>
+	/// Called once per tick by the RoundManager. Ticks any running minigame.
+	/// </summary>
+	/// <returns>true if the current minigame has ended, else false</returns>
+	public bool Tick()
 	{
 		if ( LoadedMinigame is not { IsValid: true } )
 		{
-			return;
+			return false;
 		}
-		LoadedMinigame.Tick();
+		var ended = LoadedMinigame.Tick();
+		if ( !ended )
+		{
+			return false;
+		}
+
+		LoadedMinigame.Cleanup();
+		LoadedMinigame = null;
+		return true;
+
 	}
 }

code/Entities/RoundManager.cs

@@ -49,7 +49,8 @@ public partial class RoundManager : Entity
 
 	private const int MinigamesPerRound = 1;
 
-	private int MinigamesLeftInRound { get; set; }
+	[ConVar.Replicated("lucker_minigames_per_round")]
+	public static int MinigamesLeftInRound { get; set; }
 
 	private List<Lucker> Players { get; set; }
 	#endregion
@@ -76,7 +77,19 @@ public partial class RoundManager : Entity
 
 		if ( RoundState == RoundState.InProgress )
 		{
-			MinigameManager.Tick();
+			var ended = MinigameManager.Tick();
+			if ( ended )
+			{
+				MinigamesLeftInRound--;
+				if ( MinigamesLeftInRound > 0 )
+				{
+					MinigameManager.StartMinigame( Players );
+				}
+				else
+				{
+					RoundState = RoundState.NotStarted;
+				}
+			}
 		}
 	}
 
@@ -120,6 +133,11 @@ public partial class RoundManager : Entity
 
 		RoundState = RoundState.InProgress;
 		Players = All.OfType<Lucker>().ToList();
+		Players.ForEach( player =>
+		{
+			player.Ready = false;
+		} );
+		MinigamesLeftInRound = MinigamesPerRound;
 		MinigameManager.StartMinigame( Players, minigameName );
 	}
 

code/EntityComponents/Lucker/LuckerClientInput.cs

@@ -1,15 +0,0 @@
-using Sandbox;
-
-namespace LuckerGame.EntityComponents.Lucker;
-
-/// <summary>
-/// A component for capturing and passing around a client's input for an attached Lucker
-/// </summary>
-public class LuckerClientInput : EntityComponent<Entities.Lucker>
-{
-	[ClientInput]
-	public Vector3 InputDirection { get; set; }
-	
-	[ClientInput]
-	public Angles ViewAngles { get; set; }
-}

code/EntityComponents/Lucker/LuckerStats.cs

@@ -0,0 +1,48 @@
+using Sandbox;
+using Sandbox.UI;
+
+namespace LuckerGame.EntityComponents.Lucker;
+
+/// <summary>
+/// Handles the stats associated with a lucker during a lobby.
+/// </summary>
+public partial class LuckerStats : EntityComponent<Entities.Lucker>, ISingletonComponent
+{
+	/// <summary>
+	/// The lucker's current score.
+	/// </summary>
+	[Net] private long Score { get; set; }
+
+	/// <summary>
+	/// Adds points to this lucker's score
+	/// </summary>
+	/// <param name="points">points to add (or remove if negative)</param>
+	public void AddScore( long points )
+	{
+		Score += points;
+		if ( points == 0 )
+		{
+			return;
+		}
+
+		var message = $"{Entity.Name} {(points > 0 ? "gained" : "lost")} {points} points!";
+		ChatBox.AddInformation( To.Everyone, message );
+	}
+
+	/// <summary>
+	/// Resets this lucker's score to zero
+	/// </summary>
+	public void ResetScore()
+	{
+		Score = 0;
+	}
+
+	/// <summary>
+	/// Gets this lucker's current score
+	/// </summary>
+	/// <returns>this lucker's current score</returns>
+	public long GetScore()
+	{
+		return Score;
+	}
+}

code/Minigames/Minigame.cs

@@ -21,7 +21,8 @@ public abstract class Minigame : Entity
 	/// <summary>
 	/// Once a minigame is loaded and initialized, this method is called once per server tick.
 	/// </summary>
-	public abstract void Tick();
+	/// <returns>true if the minigame has ended, false otherwise</returns>
+	public abstract bool Tick();
 	
 	/// <summary>
 	/// Cleans up any entities and components created by this minigame.

code/Minigames/RussianRoulette/RussianPistol.cs

@@ -41,7 +41,7 @@ public partial class RussianPistol : Weapon
 		}
 		else
 		{
-			Pawn.PlaySound( "denyundo" );
+			Pawn.PlaySound( "player_use_fail" );
 		}
 		Ammo--;
 	}

code/Minigames/RussianRoulette/RussianRouletteMinigame.cs

@@ -16,8 +16,10 @@ public class RussianRouletteMinigame : Minigame
 	public override string Name => "Russian Roulette";
 	private List<Lucker> Players { get; set; }
 	private Pawn Shooter { get; set; }
+	
 	private const float ShooterDistance = 80f;
 	private const float TimeBetweenShots = 7f;
+	private const float TimeBetweenDeathAndEnd = 5f;
 	private int Taunted = 0;
 
 	private List<Pawn> DeadVictims => Players
@@ -26,6 +28,7 @@ public class RussianRouletteMinigame : Minigame
 		.ToList();
 
 	private TimeSince TimeSinceShot { get; set; }
+	private TimeSince TimeSinceDeadVictim { get; set; }
 
 	public override void Initialize( List<Lucker> players )
 	{
@@ -58,9 +61,10 @@ public class RussianRouletteMinigame : Minigame
 			pawn.LookAt(Shooter.Position);
 		} );
 		TimeSinceShot = 0;
+		Taunted = 0;
 	}
 
-	public override void Tick()
+	public override bool Tick()
 	{
 		if ( DeadVictims.Any() )
 		{
@@ -68,10 +72,14 @@ public class RussianRouletteMinigame : Minigame
 			{
 				ChatBox.AddChatEntry( To.Everyone, "Shooter", "Heh, nothing personnel, kid." );
 				Taunted = int.MaxValue;
+				TimeSinceDeadVictim = 0;
+			}
+			else if(TimeSinceDeadVictim > TimeBetweenDeathAndEnd)
+			{
+				return true;
 			}
-			return;
 		}
-		if ( TimeSinceShot > TimeBetweenShots )
+		else if ( TimeSinceShot > TimeBetweenShots )
 		{
 			TimeSinceShot = 0;
 			Taunted = 0;
@@ -95,6 +103,8 @@ public class RussianRouletteMinigame : Minigame
 			ChatBox.AddChatEntry( To.Everyone, "Shooter", "Im gettin' ready!" );
 			Taunted++;
 		}
+
+		return false;
 	}
 
 	public override void Cleanup()

code/UI/MainMenu/ActiveLobby.razor

@@ -0,0 +1,121 @@
+@using Sandbox;
+@using System;
+@using System.Linq;
+@using System.Threading.Tasks;
+@using Sandbox.Menu;
+@using Sandbox.UI;
+
+@namespace LuckerGame.UI.MainMenu
+@inherits Panel
+
+<root>
+    <label class="game-title">
+        @Game.Menu.Package.Title
+    </label>
+
+    @if ( Lobby == null ) 
+    {
+        <div class="controls">
+            <a class="button">Loading...</a>
+
+            <a class="button" href="/lobby/list">Return</a>
+        </div>
+    }
+    else
+    {
+
+        <div class="controls">
+            <div class="col">
+                <label>Members (@Lobby.MemberCount/@Lobby.MaxMembers)</label>
+
+                <div class="span">
+                    @foreach (var member in Lobby.Members)
+                    {
+                        <img class="avatar" src="avatar:@member.Id" tooltip="@member.Name" />
+                    }
+                </div>
+            </div>
+
+           @if ( Lobby.Owner.IsMe )
+            {
+                <div class="span">
+                    @if ( MaxPlayersSupported > 1 )
+                    {
+                        <FormGroup class="form-group">
+                            <Label>Maximum Players</Label>
+                            <Control>
+                                <SliderControl ShowRange=@true Min=@(1f) Max=@MaxPlayersSupported Value:bind=@Game.Menu.Lobby.MaxMembers />
+                            </Control>
+                        </FormGroup>
+                    }
+
+                    <FormGroup class="form-group">
+                        <Label>Map</Label>
+                        <Control>
+                            <SlimPackageCard OnLaunch=@OnMapClicked Package=@MapPackage />
+                        </Control>
+                    </FormGroup>
+                </div>
+            }
+
+           <div class="spacer" />
+
+
+            <a class="button" @onclick=@LeaveLobby>Leave Lobby</a>
+
+            <a class="button" @onclick=@Start>Start</a>
+
+            <a class="button" href="/lobby/list">Return</a>
+        </div>
+    }
+</root>
+
+@code
+{
+    Friend Owner => Lobby.Owner;
+    ILobby Lobby => Game.Menu.Lobby;
+
+    int MaxPlayersSupported { get; set; } = 1;
+    Package MapPackage { get; set; }
+
+    void OnMapClicked()
+    {
+        Game.Overlay.ShowPackageSelector( "type:map sort:popular", OnMapSelected );
+        StateHasChanged();
+    }
+
+    void OnMapSelected( Package map )
+    {
+        MapPackage = map;
+        Game.Menu.Lobby.Map = map.FullIdent;
+
+        StateHasChanged();
+    }
+
+    public void LeaveLobby()
+    {
+        Lobby?.Leave();
+
+        this.Navigate( "/lobby/list" );
+    }
+
+    async Task Start()
+    {
+        await Game.Menu.StartServerAsync( Game.Menu.Lobby.MaxMembers, $"{Game.Menu.Lobby.Owner.Name}'s game", Game.Menu.Lobby.Map );
+    }
+
+    async void FetchPackage()
+    {
+        MapPackage = await Package.FetchAsync( Game.Menu.Lobby?.Map ?? "facepunch.square", true );
+    }
+
+    protected override void OnAfterTreeRender( bool firstTime )
+    {
+       FetchPackage();
+    }
+
+    protected override void OnParametersSet()
+    {
+        MaxPlayersSupported = Game.Menu.Package.GetMeta<int>( "MaxPlayers", 1 );
+    }
+}

code/UI/MainMenu/FrontPage.razor

@@ -0,0 +1,40 @@
+@using Sandbox;
+@using System.Linq;
+@using System.Threading.Tasks;
+@using Sandbox.Menu;
+@using Sandbox.UI;
+@namespace LuckerGame.UI.MainMenu
+
+<root>
+    <div class="game-title">
+        @Game.Menu.Package.Title
+    </div>
+
+    <div class="controls">
+        @if (Game.InGame)
+        {
+            <a class="button" onclick=@LeaveGame>Leave</a>
+        }
+        else
+        {
+            <a class="button" href="/setup">Play</a>
+
+            <a class="button" href="/lobby/list">Lobbies</a>
+
+            @if ( Game.Menu.Package.SupportsSavedGames && Game.Menu.SavedGames.Any())
+            {
+                <a class="button" href="/setup/save">Load Save</a>
+            }
+        }
+
+        <a class="button" @onclick=@Game.Menu.Close>Quit</a>
+    </div>
+</root>
+
+@code
+{
+    void LeaveGame()
+    {
+        Game.Menu.LeaveServer( "Leaving" );
+    }
+}

code/UI/MainMenu/LoadingScreen.razor

@@ -0,0 +1,31 @@
+@using Sandbox;
+@using Sandbox.UI;
+@using System.Linq;
+@using System.Threading.Tasks;
+@using Sandbox.Menu;
+
+@inherits RootPanel
+@implements Sandbox.Menu.ILoadingScreenPanel
+@attribute [StyleSheet]
+@namespace LuckerGame.UI.MainMenu
+
+<root style="flex-direction: column;">
+    <div class="background" />
+
+    <div style="flex-grow: 1;" />
+
+    <div class="controls" style="flex-direction: row; justify-content: center;">
+        <a class="button">@( Progress.Title ?? "Loading..." )</a>
+    </div>
+</root>
+
+@code
+{
+    public LoadingProgress Progress;
+
+    public void OnLoadingProgress( LoadingProgress progress )
+    {
+        Progress = progress;
+        StateHasChanged();
+    }
+}

code/UI/MainMenu/LoadingScreen.razor.scss

@@ -0,0 +1,50 @@
+
+LoadingScreen
+{
+    background-color: #262934;
+    padding: 128px 128px;
+    opacity: 1;
+    flex-direction: column;
+    font-size: 25px;
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    transition: all 0.3s ease-out;
+    color: rgba( white, 0.8 );
+
+    .background
+    {
+        position: absolute;
+        width: 100%;
+        height: 100%;
+        background-image: url( https://files.facepunch.com/tony/1b1311b1/boxes.webm );
+        opacity: 0.2;
+        background-size: contain;
+        filter: blur( 20px );
+        mask: linear-gradient( 45deg, white, white, black );
+        mask-scope: filter;
+    }
+
+    &:intro
+    {
+        opacity: 0;
+        transform: scaleX( 1.1 );
+    }
+
+    .game-title
+    {
+        font-family: Roboto;
+        font-weight: 700;
+        font-size: 70px;
+        color: rgba( white, 1 );
+    }
+
+    .controls
+    {
+        flex-direction: column;
+        gap: 50px;
+        align-items: flex-start;
+        font-family: Roboto;
+        text-transform: uppercase;
+    }
+}

code/UI/MainMenu/LobbyBrowser.razor

@@ -0,0 +1,66 @@
+@using Sandbox;
+@using System;
+@using System.Linq;
+@using System.Threading.Tasks;
+@using Sandbox.Menu;
+@using Sandbox.UI;
+@namespace LuckerGame.UI.MainMenu
+@inherits Panel
+
+<root>
+    <label class="game-title">
+        @Game.Menu.Package.Title
+    </label>
+
+    <div class="controls">
+        <div class="span">
+            <label>Showing @Game.Menu.Lobbies.Count() @(Game.Menu.Lobbies.Count() == 1 ? "lobby" : "lobbies")</label>
+            <i class="with-click" tooltip="Refresh lobbies" @onclick=@Refresh>refresh</i>
+        </div>
+
+        <div class="scroll">
+            @foreach ( var lobby in Game.Menu.Lobbies )
+            {
+                <a class="button" @onclick=@( () => JoinLobby( lobby ) ) >@(lobby.Owner.Name)'s lobby (@lobby.MemberCount/@lobby.MaxMembers)</a>
+            }
+        </div>
+
+        <div class="spacer" />
+
+        <a class="button" @onclick=@CreateLobbyAsync>Create Lobby</a>
+        <a class="button" href="/">Return</a>
+    </div>
+</root>
+
+@code
+{
+    public async void CreateLobbyAsync()
+    {
+        await Game.Menu.CreateLobbyAsync( 64, "game", true );
+        Game.Menu.Lobby.Map = "facepunch.square";
+        this.Navigate( "/lobby/active" );
+    }
+
+    public async void JoinLobby( ILobby lobby )
+    {
+        if ( lobby == null ) return;
+
+        // don't exist in two lobbies at once
+        Game.Menu.Lobby?.Leave();
+
+        await lobby.JoinAsync();
+        this.Navigate( "/lobby/active" );
+    }
+
+    public async void Refresh()
+    {
+        await Game.Menu.QueryLobbiesAsync( null, 1 );
+
+        StateHasChanged();
+    }
+
+    protected override int BuildHash()
+    {
+        return HashCode.Combine( Game.Menu.Lobbies.Count() );
+    }
+}

code/UI/MainMenu/MainMenu.razor

@@ -0,0 +1,40 @@
+@using System;
+@using Sandbox;
+@using Sandbox.UI;
+
+@inherits Sandbox.UI.NavHostPanel
+@implements Sandbox.Menu.IGameMenuPanel
+@attribute [StyleSheet]
+@namespace LuckerGame.UI.MainMenu
+
+<root style="flex-direction: column;">
+    <div class="background" />
+    <div class="navigator-canvas" slot="navigator-canvas" />
+</root>
+
+@code
+{
+    public MainMenu()
+    {
+        DefaultUrl = "/";
+
+        AddDestination( "/", typeof( FrontPage ) );
+        AddDestination( "/setup", typeof( SetupGame ) );
+
+        AddDestination( "/lobby/list", typeof( LobbyBrowser ) );
+        AddDestination( "/lobby/active", typeof( ActiveLobby ) );
+
+        BindClass( "ingame", () => Game.InGame );
+    }
+
+    [GameEvent.Menu.ServerJoined]
+    public void OnServerJoined() => Navigate( "/" );
+
+    [GameEvent.Menu.ServerLeave]
+    public void OnServerLeave() => Navigate ("/" );
+
+    protected override int BuildHash()
+    {
+        return HashCode.Combine( Game.InGame, Game.Menu.Lobby, Game.Menu.Lobby?.Map );
+    }
+}

code/UI/MainMenu/MainMenu.razor.scss

@@ -0,0 +1,195 @@
+
+MainMenu
+{
+    background-color: #262934;
+    padding: 128px 128px;
+    opacity: 1;
+    flex-direction: column;
+    font-size: 25px;
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    transition: all 0.3s ease-out;
+    color: rgba( white, 0.8 );
+
+    .background
+    {
+        position: absolute;
+        width: 100%;
+        height: 100%;
+        background-image: url( https://files.facepunch.com/tony/1b1311b1/boxes.webm );
+        opacity: 0.2;
+        background-size: cover;
+        filter: blur( 20px );
+        mask: linear-gradient( 45deg, white, white, black );
+        mask-scope: filter;
+        background-repeat: no-repeat;
+    }
+
+    &:intro
+    {
+        opacity: 0;
+        transform: scaleX( 1.1 );
+    }
+
+    &.ingame
+    {
+        background-color: #262934ee;
+        backdrop-filter: blur(10px);
+
+        .background
+        {
+            opacity: 0;
+        }
+    }
+
+    .scroll
+    {
+        flex-direction: column;
+        max-height: 386px;
+        overflow: scroll;
+        gap: 50px;
+    }
+
+    .spacer
+    {
+        height: 1px;
+        background-image: linear-gradient( to right, rgba( white, 0.4 ), rgba( white, 0 ) );
+        width: 512px;
+        margin: 16px 0px;
+    }
+
+    .game-title
+    {
+        font-family: Roboto Condensed;
+        font-weight: 700;
+        font-size: 70px;
+        color: rgba( white, 1 );
+        padding-bottom: 64px;
+    }
+
+    .col
+    {
+        flex-direction: column;
+        gap: 16px;
+    }
+
+    .controls
+    {
+        flex-direction: column;
+        gap: 50px;
+        align-items: flex-start;
+        text-transform: uppercase;
+
+        a, .button
+        {
+            font-family: Roboto;
+
+            &:hover
+            {
+                color: rgba( white, 1 );
+                font-weight: 900;
+                sound-in: ui.button.over;
+                cursor: pointer;
+            }
+
+            &:active
+            {
+                sound-in: ui.button.press;
+            }
+        }
+
+        .span
+        {
+            gap: 128px;
+        }
+    }
+
+    .navigator-canvas
+    {
+        flex-direction: column;
+        height: 100%;
+        flex-grow: 1;
+        flex-shrink: 0;
+    }
+
+    .navigator-body
+    {
+        position: absolute;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        top: 0;
+        flex-direction: column;
+        justify-content: center;
+        transition: opacity 0.15s ease-out;
+
+        &.hidden
+        {
+            opacity: 0;
+        }
+    }
+}
+
+FormGroup
+{
+    flex-direction: column;
+    min-width: 300px;
+    gap:16px;
+}
+
+SlimPackageCard
+{
+    flex-direction: row;
+    gap: 12px;
+    align-items: center;
+
+    > i
+    {
+        &:hover
+        {
+            cursor: pointer;
+            color: white;
+            transform: scale( 1.1 );
+            sound-in: ui.button.over;
+        }
+
+        &:active
+        {
+            sound-in: ui.button.press;
+        }
+    }
+}
+
+i
+{
+    font-family: Material Icons;
+    text-transform: lowercase;
+
+    &.with-click
+    {
+        &:hover
+        {
+            cursor: pointer;
+            color: white;
+            transform: scale( 1.1 );
+            sound-in: ui.button.over;
+        }
+
+        &:active
+        {
+            sound-in: ui.button.press;
+        }
+    }
+}
+
+.avatar
+{
+    width: 64px;
+    height: 64px;
+
+    &:hover
+    {
+        border: 1px solid white;
+    }
+}

code/UI/MainMenu/SavedGames.razor

@@ -0,0 +1,44 @@
+@using Sandbox;
+@using System;
+@using System.Linq;
+@using Sandbox.UI;
+@namespace LuckerGame.UI.MainMenu
+@inherits Panel
+
+<root>
+    <label class="game-title">
+        @Game.Menu.Package.Title
+    </label>
+
+    <div class="controls">
+        @foreach ( var save in Game.Menu.SavedGames.OrderByDescending( x => x.Time ) )
+        {
+            <a class="button" @onclick=@(() => LoadSavedGame( save ))>@save.Name - @save.Time</a>
+        }
+
+        <div class="spacer" />
+
+        <a class="button" href="/">Return</a>
+    </div>
+</root>
+
+@code
+{
+    async void LoadSavedGame( SavedGame save )
+    {
+        if ( save != null )
+        {
+            Game.Menu.Lobby.SavedGame = save.Name;
+
+            if ( !string.IsNullOrEmpty( save.Map ) )
+                Game.Menu.Lobby.Map = save.Map;
+
+            await Game.Menu.StartServerAsync( Game.Menu.Lobby.MaxMembers, Game.Menu.Lobby.Title, Game.Menu.Lobby.Map ?? "facepunch.square" );
+         }
+    }
+   
+    protected override int BuildHash()
+    {
+        return HashCode.Combine( Game.Menu.Lobby, Game.Menu.Lobby?.Map );
+    }
+}

code/UI/MainMenu/SetupGame.razor

@@ -0,0 +1,78 @@
+@using Sandbox;
+@using System;
+@using System.Linq;
+@using System.Threading.Tasks;
+@using Sandbox.Menu;
+@using Sandbox.UI;
+@namespace LuckerGame.UI.MainMenu
+@inherits Panel
+
+<root>
+    <label class="game-title">
+        @Game.Menu.Package.Title
+    </label>
+
+    <div class="controls">
+        <div class="span">
+            @if ( MaxPlayersSupported > 1 )
+            {
+                <FormGroup class="form-group">
+                    <Label>Maximum Players</Label>
+                    <Control>
+                        <SliderControl ShowRange=@true Min=@(1f) Max=@MaxPlayersSupported Value:bind=@Game.Menu.Lobby.MaxMembers />
+                    </Control>
+                </FormGroup>
+            }
+
+            <FormGroup class="form-group">
+                <Label>Map</Label>
+                <Control>
+                    <SlimPackageCard OnLaunch=@OnMapClicked Package=@MapPackage />
+                </Control>
+            </FormGroup>
+        </div>
+
+        <div class="spacer" />
+
+        <a class="button" onclick=@Play>Start</a>
+        <a class="button" href="/">Return</a>
+    </div>
+</root>
+
+@code
+{
+    int MaxPlayersSupported { get; set; } = 1;
+    int MaxPlayers { get; set; } = 1;
+    Package MapPackage { get; set; }
+
+    void OnMapClicked()
+    {
+        Game.Overlay.ShowPackageSelector( "type:map sort:popular", OnMapSelected );
+        StateHasChanged();
+    }
+
+    void OnMapSelected( Package map )
+    {
+        MapPackage = map;
+        StateHasChanged();
+    }
+
+    protected override async Task OnParametersSetAsync()
+    {
+        MaxPlayersSupported = Game.Menu.Package.GetMeta<int>( "MaxPlayers", 1 );
+        MaxPlayers = MaxPlayersSupported;
+
+        MapPackage = await Package.FetchAsync( "facepunch.square", false );
+        StateHasChanged();
+    }
+
+    async Task Play()
+    {
+        await Game.Menu.StartServerAsync( MaxPlayers, $"My game", MapPackage.FullIdent );
+    }
+
+    protected override int BuildHash()
+    {
+        return HashCode.Combine( MaxPlayers, MapPackage );
+    }
+}

code/UI/MainMenu/SlimPackageCard.razor

@@ -0,0 +1,32 @@
+@using System;
+@using Sandbox;
+@namespace LuckerGame.UI.MainMenu
+@inherits Sandbox.UI.Panel
+
+<root>
+    @if ( Package == null )
+    {
+        <div class="button" @onclick=@OnCardClicked>Select Package</div>
+    }
+    else
+    {
+        <div class="button" @onclick=@OnCardClicked>@Package.Title</div>
+        <i tooltip="See information about this package" @onclick=@( () => Game.Overlay.ShowPackageModal( Package.FullIdent ) )>info</i>
+    }
+</root>
+
+@code
+{
+    public Package Package { get; set; }
+    public System.Action OnLaunch { get; set; }
+
+    void OnCardClicked()
+    {
+        OnLaunch?.Invoke();
+    }
+
+    protected override int BuildHash()
+    {
+        return HashCode.Combine( Package );
+    }
+}