Interface

The UI of Mafia.gg is compact, with many different features and tools to help you in and outside of games.

## Logged Out

When logged out, users will be greeted with the mafia.gg logo and a short description of how the game works. There is a button to register or log in in either the top right, or the bottom middle.

## Lobby

the top bar, visible at almost all times

On the main, starting page, there are several points of interest. There is the top bar, "News", "Join a Room", and "Create a New Room".

On the very top of the screen, there is a horizontal bar across the screen, with several icons. This includes the main logo, the News, the Guide, the Discord, the Patreon, and more. Clicking them will link you to the main page, the news list, the guide, the discord invite, and the patron page, respectively. Clicking on the three dots will allow access to the Twitch, Twitter, and Legal links. These link you to the twitch directory, the twitter page, and the legal write-up respectively. Across this top bar is a gradient that goes from bright red on the left to bright blue on the right. This represents the two main factions on Mafia.gg, the Mafia and the Town.

the main page

To the right of these icons, the account the user is logged in as is shown, with a drop-down arrow leading to the Account page, and a log out button (In the previous example, the user logged in is Firefly7).

Right below that, there is a box labeled News. It lists the most recent news update, with the title and date. Clicking on the update will bring you to its page.

To the left, there is a box labeled Join a Room. It lists all current rooms open and running in chronological order. It shows the room's name, Host, current player count, player count needed to start, and status between running and not running. There is a bar up top, to search for a specific room. Hitting the blue Refresh button will update the rooms to how they are when pressing the button, as they do not update automatically. Below everything, it shows the number of unlisted rooms currently open.

To the right, there is a box labeled Create a New Room. Users may write a room name, decide whether or not the room is unlisted, and create the room.

## Pre-game

An entire pregame lobby

When clicking on a room that is open but not yet running, you will be put into Pregame. There are again many points of interest in pregame.

On the left hand side, there are now the majority of the top bar icons. Below that, it shows the number of users currently in the room, a list of said users & their status, and then the Become Player button at the bottom. The users in the list are sorted by

- User (In this example, the user is Firefly7)

- Host

- All playing users, in alphabetical order

- All spectating users, in alphabetical order

Each user has a tag under their name showing whether they are spectating or playing. The Host is denoted by the Host tag under their name, alongside the spectator/player tag. There will be a star next to any Supporters' names, denoting that they are a patreon member (In this example, the 2 supporters are "Firefly7" and "Lilac\_"). Important to not but not pictured, is that any Moderators will show with a crown next to their name. Both symbols have a tooltip of "Supporter" and "Moderator", respectively.

The Become Player button switches the user from being a spectator to being a player. When pressed, it becomes the "Become Spectator" button. It has a moving, starry graphic that will turn solid blue upon switching to the other button.

In the middle, There is listed the number of players out of total needed, the status of the game, and an options button. When pressed, this opens a window with toggles for Play Sounds, Hide Spectator Chat, and Streamer Mode.

Below that, is the chat window. Any users may type and have a timestamped message show up with their name next to it, for all users to see. The bar at the bottom is used to type in these messages, with either Enter (or equivalent) or the Send button being used to send the typed message. Messages have a character limit of 500, and sending them too fast will result in a small time-out.

On the right side, is Setup and Notes. This shows the roles in the setup, alphabetically by Town, the alphabetically by Third party, the alphabetically by Mafia. Below is a summary of the ratios and a list of settings, including stuff such as Deck, Timers, Deadlock, Majority vote, and Role Reveal. If a setup is not listed, it is on its default setting.

Clicking on any role in the setup brings up a description for that role.

The Notes tab can be used to write down information. This becomes most useful after the game has started.