default melee profile, abilties, prepare for "launch"

src/index.css

@@ -3,6 +3,7 @@
 		Arial, sans-serif;
 	line-height: 1.5;
 	font-weight: 400;
+	font-size: 13px;
 
 	color-scheme: light dark;
 	color: rgba(255, 255, 255, 0.87);
@@ -32,8 +33,6 @@ a:hover {
 
 body {
 	margin: 0;
-	display: flex;
-	place-items: center;
 	min-width: 320px;
 	min-height: 100vh;
 }
@@ -76,19 +75,67 @@ button:focus-visible {
 }
 
 #root {
-	max-width: 1100px;
-	margin-left: auto;
-	margin-right: auto;
 	color: #111113;
 }
 
-.App {
+.body {
 	display: flex;
 	flex-direction: column;
 	align-items: center;
 	justify-content: center;
 	gap: 8px;
 	padding: 24px 32px;
+	max-width: 1100px;
+	margin-left: auto;
+	margin-right: auto;
+}
+
+.header {
+	display: flex;
+	flex-direction: column;
+	padding: 8px 16px;
+	background-color: #536766;
+	width: 100%;
+	color: #fff;
+	font-size: 1.7em;
+	font-weight: 800;
+}
+
+.subheader {
+	font-size: 1rem;
+	font-weight: 600;
+}
+
+.rosterUpload {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	gap: 8px;
+	padding: 8px 24px;
+	width: 100%;
+	height: 450px;
+	border: 10px solid #999;
+	border-radius: 16px;
+	font-weight: bold;
+	font-size: 1.5rem;
+	text-transform: uppercase;
+	cursor: pointer;
+	transition: color 0.25s, border 0.25s, font-size 0.25s, background-color 0.25s;
+}
+
+.rosterUpload:hover {
+	border-color: #536766;
+	background-color: #53676660;
+	font-size: 2rem;
+}
+
+.rosterUploaded,
+.rosterUploaded:hover {
+	height: auto;
+	border: 2px solid #999;
+	font-size: 1rem;
+	border-radius: 8px;
 }
 
 .weapons-table {