chore(cleanup): moved pong.css to pong directory

frontend/src/pages/pong/pong.css

@@ -0,0 +1,144 @@
+@import "tailwindcss";
+@font-face {
+  font-family: "DejaVu Sans Mono";
+  src: url("/fonts/DejaVuSansMono.woff2") format("woff2");
+}
+
+@tailwind utilities;
+
+.btn-style {
+  @apply
+  w-25
+  h-8
+  border
+  border-gray-500
+  rounded-3xl
+  bg-gray-500
+  text-white
+  cursor-pointer
+  shadow-[0_2px_0_0_black]
+  transition-all
+  hover:bg-blue-200
+  active:bg-gray-400
+  active:translate-y-px
+  active:shadow-[0_2px_0_0_black];
+}
+
+.chatbox-style {
+  @apply
+  w-162.5
+  h-75 /* increase height if needed */
+  p-2
+  border
+  border-black
+  shadow-2xl
+  text-left
+  text-gray-700
+  bg-white
+  rounded-3xl
+  overflow-y-auto
+  whitespace-pre-line
+  flex
+  flex-col
+  mx-auto;
+}
+
+.system-info {
+  @apply
+  h-10
+  bg-gray-200
+  text-gray-700
+  p-3
+  rounded-3xl
+  mb-2 border
+  border-gray-200
+  text-center
+  shadow
+  overflow-y-auto
+  justify-end    /* 👈 forces text to bottom */
+  relative; /* needed for overlay */
+}
+
+.displaybox {
+  @apply
+  fixed
+  inset-0
+  flex
+  items-center
+  justify-center
+  bg-[#43536b];
+
+}
+
+.mainboxDisplay {
+  @apply
+  fixed
+  top-1/2
+  left-1/2
+  -translate-x-1/2
+  -translate-y-1/2
+  bg-gray-200 w-212.5
+  p-6 rounded-xl
+  shadow-2xl
+  text-center
+  z-50;
+}
+
+.mainboxDisplay button {
+  @apply
+  cursor-pointer
+}
+
+.pongbox-style {
+  @apply
+  h-112.5
+  w-200
+  bg-gray-400
+  text-6xl
+  flex
+  items-center
+  justify-center;
+}
+
+.text-style {
+  @apply
+  text-black
+}
+
+.pong-field {
+  @apply relative w-200 h-112.5 bg-black;
+}
+
+.pong-bat {
+  @apply absolute w-3 h-20 bg-white;
+}
+
+.pong-batleft {
+  @apply absolute left-4 w-3 h-20 top-0;
+}
+
+.pong-batright {
+  @apply absolute right-4 w-3 h-20 top-0;
+}
+
+.pong-center-line {
+  @apply
+    absolute
+    left-1/2
+    top-0
+    h-full
+    w-1
+    -translate-x-1/2
+    bg-[linear-gradient(to_bottom,white_50%,transparent_50%)]
+    bg-size-[4px_20px];
+}
+
+.pong-end-screen {
+  @apply 
+    rounded-2xl
+    absolute
+    justify-center
+    text-black
+    text-center
+    bg-white
+}

frontend/src/pages/pong/pong.ts

@@ -6,6 +6,7 @@ import { showError, showInfo } from "@app/toast";
 import { getUser, type User } from "@app/auth";
 import { isNullish } from "@app/utils";
 import client from "@app/api";
+import "./pong.css";
 
 // get the name of the machine used to connect
 declare module 'ft_state' {