From ff70160e40df3b8d833c8c298556552ad272dc66 Mon Sep 17 00:00:00 2001
From: Alan Alexander Cerna <87852561+Kroppec@users.noreply.github.com>
Date: Sun, 14 Nov 2021 15:47:09 +0200
Subject: [PATCH] [Minimal] GUI file upload

---
 .../in_game/trinity_site_display_input.svg    |  51 ++++++++
 .../in_game/trinity_site_display_screen.svg   |  58 +++++++++
 .../trinity_site_display_screen_2 – 1.svg     |  56 ++++++++
 .../trinity_site_display_screen_2 – 2.svg     |  56 ++++++++
 .../in_game/trinity_site_display_screen_2.svg |  56 ++++++++
 .../trinity_site_health_bar_negative.svg      |  12 ++
 .../trinity_site_health_bar_positive.svg      |  12 ++
 .../trinity_site_input_background-example.svg | 123 ++++++++++++++++++
 .../in_game/trinity_site_input_background.svg |  15 +++
 .../in_game/trinity_site_input_button_1.svg   |  36 +++++
 .../trinity_site_input_button_1_active.svg    |  36 +++++
 .../in_game/trinity_site_input_button_2.svg   |  36 +++++
 .../trinity_site_input_button_2_active.svg    |  36 +++++
 .../trinity_site_input_button_3 – 1.svg       |  13 ++
 .../in_game/trinity_site_input_button_3.svg   |  36 +++++
 .../trinity_site_input_button_3_active.svg    |  36 +++++
 .../in_game/trinity_site_input_button_4.svg   |  36 +++++
 .../trinity_site_input_button_4_active.svg    |  36 +++++
 18 files changed, 740 insertions(+)
 create mode 100644 source/assets/sprites/GUI/in_game/trinity_site_display_input.svg
 create mode 100644 source/assets/sprites/GUI/in_game/trinity_site_display_screen.svg
 create mode 100644 source/assets/sprites/GUI/in_game/trinity_site_display_screen_2 – 1.svg
 create mode 100644 source/assets/sprites/GUI/in_game/trinity_site_display_screen_2 – 2.svg
 create mode 100644 source/assets/sprites/GUI/in_game/trinity_site_display_screen_2.svg
 create mode 100644 source/assets/sprites/GUI/in_game/trinity_site_health_bar_negative.svg
 create mode 100644 source/assets/sprites/GUI/in_game/trinity_site_health_bar_positive.svg
 create mode 100644 source/assets/sprites/GUI/in_game/trinity_site_input_background-example.svg
 create mode 100644 source/assets/sprites/GUI/in_game/trinity_site_input_background.svg
 create mode 100644 source/assets/sprites/GUI/in_game/trinity_site_input_button_1.svg
 create mode 100644 source/assets/sprites/GUI/in_game/trinity_site_input_button_1_active.svg
 create mode 100644 source/assets/sprites/GUI/in_game/trinity_site_input_button_2.svg
 create mode 100644 source/assets/sprites/GUI/in_game/trinity_site_input_button_2_active.svg
 create mode 100644 source/assets/sprites/GUI/in_game/trinity_site_input_button_3 – 1.svg
 create mode 100644 source/assets/sprites/GUI/in_game/trinity_site_input_button_3.svg
 create mode 100644 source/assets/sprites/GUI/in_game/trinity_site_input_button_3_active.svg
 create mode 100644 source/assets/sprites/GUI/in_game/trinity_site_input_button_4.svg
 create mode 100644 source/assets/sprites/GUI/in_game/trinity_site_input_button_4_active.svg

diff --git a/source/assets/sprites/GUI/in_game/trinity_site_display_input.svg b/source/assets/sprites/GUI/in_game/trinity_site_display_input.svg
new file mode 100644
index 0000000..0747c7f
--- /dev/null
+++ b/source/assets/sprites/GUI/in_game/trinity_site_display_input.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="65" viewBox="0 0 200 65">
+  <defs>
+    <filter id="Path_330" x="10.5" y="8.5" width="53.812" height="53.812" filterUnits="userSpaceOnUse">
+      <feOffset dy="3" input="SourceAlpha"/>
+      <feGaussianBlur stdDeviation="3" result="blur"/>
+      <feFlood flood-opacity="0.161"/>
+      <feComposite operator="in" in2="blur"/>
+      <feComposite in="SourceGraphic"/>
+    </filter>
+    <filter id="Rectangle_142" x="14.5" y="36.5" width="46" height="26" filterUnits="userSpaceOnUse">
+      <feOffset dy="3" input="SourceAlpha"/>
+      <feGaussianBlur stdDeviation="3" result="blur-2"/>
+      <feFlood flood-opacity="0.161"/>
+      <feComposite operator="in" in2="blur-2"/>
+      <feComposite in="SourceGraphic"/>
+    </filter>
+    <clipPath id="clip-trinity_site_display_input">
+      <rect width="200" height="65"/>
+    </clipPath>
+  </defs>
+  <g id="trinity_site_display_input" clip-path="url(#clip-trinity_site_display_input)">
+    <g id="Rectangle_150" data-name="Rectangle 150" fill="#4358aa" stroke="#556ece" stroke-width="4">
+      <rect width="200" height="65" rx="30" stroke="none"/>
+      <rect x="2" y="2" width="196" height="61" rx="28" fill="none"/>
+    </g>
+    <g id="Group_152" data-name="Group 152" transform="translate(19.5 14.5)">
+      <g transform="matrix(1, 0, 0, 1, -19.5, -14.5)" filter="url(#Path_330)">
+        <g id="Path_330-2" data-name="Path 330" transform="translate(19.5 14.5)" fill="#3e66ff">
+          <path d="M 17.9058837890625 34.81176376342773 C 13.3901538848877 34.81176376342773 9.144713401794434 33.05324554443359 5.951623916625977 29.86014366149902 C 2.75852370262146 26.66705322265625 1.000003814697266 22.4216136932373 1.000003814697266 17.9058837890625 C 1.000003814697266 13.3901538848877 2.75852370262146 9.144713401794434 5.951623916625977 5.951623916625977 C 9.144713401794434 2.75852370262146 13.3901538848877 1.000003814697266 17.9058837890625 1.000003814697266 C 22.4216136932373 1.000003814697266 26.66705322265625 2.75852370262146 29.86014366149902 5.951623916625977 C 33.05324554443359 9.144713401794434 34.81176376342773 13.3901538848877 34.81176376342773 17.9058837890625 C 34.81176376342773 22.4216136932373 33.05324554443359 26.66705322265625 29.86014366149902 29.86014366149902 C 26.66705322265625 33.05324554443359 22.4216136932373 34.81176376342773 17.9058837890625 34.81176376342773 Z" stroke="none"/>
+          <path d="M 17.9058837890625 2.000003814697266 C 13.65726470947266 2.000003814697266 9.662954330444336 3.654502868652344 6.658723831176758 6.658723831176758 C 3.654502868652344 9.662954330444336 2.000003814697266 13.65726470947266 2.000003814697266 17.9058837890625 C 2.000003814697266 22.15450286865234 3.654502868652344 26.1488151550293 6.658723831176758 29.15304374694824 C 9.662954330444336 32.15726470947266 13.65726470947266 33.81176376342773 17.9058837890625 33.81176376342773 C 22.15450286865234 33.81176376342773 26.1488151550293 32.15726470947266 29.15304374694824 29.15304374694824 C 32.15726470947266 26.1488151550293 33.81176376342773 22.15450286865234 33.81176376342773 17.9058837890625 C 33.81176376342773 13.65726470947266 32.15726470947266 9.662954330444336 29.15304374694824 6.658723831176758 C 26.1488151550293 3.654502868652344 22.15450286865234 2.000003814697266 17.9058837890625 2.000003814697266 M 17.9058837890625 3.814697265625e-06 C 27.7950325012207 3.814697265625e-06 35.81176376342773 8.016733169555664 35.81176376342773 17.9058837890625 C 35.81176376342773 27.7950325012207 27.7950325012207 35.81176376342773 17.9058837890625 35.81176376342773 C 8.016733169555664 35.81176376342773 3.814697265625e-06 27.7950325012207 3.814697265625e-06 17.9058837890625 C 3.814697265625e-06 8.016733169555664 8.016733169555664 3.814697265625e-06 17.9058837890625 3.814697265625e-06 Z" stroke="none" fill="#fff"/>
+        </g>
+      </g>
+      <g transform="matrix(1, 0, 0, 1, -19.5, -14.5)" filter="url(#Rectangle_142)">
+        <path id="Rectangle_142-2" data-name="Rectangle 142" d="M5,0H28a0,0,0,0,1,0,0V3a5,5,0,0,1-5,5H0A0,0,0,0,1,0,8V5A5,5,0,0,1,5,0Z" transform="translate(23.5 42.5)" fill="#fff"/>
+      </g>
+      <text id="PARABOL" transform="translate(8 33)" font-size="4" font-family="Ramabhadra"><tspan x="0" y="0">PARABOL</tspan></text>
+      <path id="Path_329" data-name="Path 329" d="M1795,900.968s6.537-34.884,15.885,0" transform="translate(-1785.037 -877.932)" fill="none" stroke="#fff" stroke-width="2" stroke-dasharray="2"/>
+    </g>
+    <g id="Group_137" data-name="Group 137" transform="translate(-1073.5 -4.5)">
+      <text id="Active_formula" data-name="Active formula" transform="translate(1172 18)" fill="#fff" font-size="7" font-family="ArchivoBlack-Regular, Archivo"><tspan x="0" y="0">Active formula</tspan></text>
+      <text id="y_x2_x_" data-name="y=   x2+   x+  " transform="translate(1137 33)" fill="#fff" font-size="14" font-family="Consolas-Bold, Consolas" font-weight="700"><tspan x="0" y="0" xml:space="preserve">y=   x</tspan><tspan y="0" font-size="8.166" baseline-shift="4.666199819518059">2</tspan><tspan y="0" xml:space="preserve">+   x+  </tspan></text>
+      <rect id="Rectangle_123" data-name="Rectangle 123" width="17" height="17" transform="translate(1155 19)" fill="#556ece"/>
+      <rect id="Rectangle_124" data-name="Rectangle 124" width="18" height="17" transform="translate(1235 20)" fill="#556ece"/>
+      <rect id="Rectangle_125" data-name="Rectangle 125" width="18" height="17" transform="translate(1198 20)" fill="#556ece"/>
+    </g>
+    <path id="Rectangle_151" data-name="Rectangle 151" d="M10,0H50a0,0,0,0,1,0,0V5A10,10,0,0,1,40,15H0a0,0,0,0,1,0,0V10A10,10,0,0,1,10,0Z" transform="translate(67 38)" fill="#46bc51"/>
+    <path id="Rectangle_152" data-name="Rectangle 152" d="M10,0H50a0,0,0,0,1,0,0V5A10,10,0,0,1,40,15H0a0,0,0,0,1,0,0V10A10,10,0,0,1,10,0Z" transform="translate(127 38)" fill="#b17474"/>
+    <text id="Ready" transform="translate(75 49)" fill="#fff" font-size="10" font-family="ArchivoBlack-Regular, Archivo"><tspan x="0" y="0">Ready</tspan></text>
+    <text id="Skip" transform="translate(140 49)" fill="#fff" font-size="10" font-family="ArchivoBlack-Regular, Archivo"><tspan x="0" y="0">Skip</tspan></text>
+  </g>
+</svg>
diff --git a/source/assets/sprites/GUI/in_game/trinity_site_display_screen.svg b/source/assets/sprites/GUI/in_game/trinity_site_display_screen.svg
new file mode 100644
index 0000000..0c7d726
--- /dev/null
+++ b/source/assets/sprites/GUI/in_game/trinity_site_display_screen.svg
@@ -0,0 +1,58 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="250" height="45" viewBox="0 0 250 45">
+  <defs>
+    <clipPath id="clip-trinity_site_display_screen">
+      <rect width="250" height="45"/>
+    </clipPath>
+  </defs>
+  <g id="trinity_site_display_screen" clip-path="url(#clip-trinity_site_display_screen)">
+    <g id="Group_159" data-name="Group 159">
+      <g id="Rectangle_148" data-name="Rectangle 148" transform="translate(0 -5)" fill="#4358aa" stroke="#556ece" stroke-width="4">
+        <path d="M0,0H250a0,0,0,0,1,0,0V5a45,45,0,0,1-45,45H45A45,45,0,0,1,0,5V0A0,0,0,0,1,0,0Z" stroke="none"/>
+        <path d="M4,2H246a2,2,0,0,1,2,2V5a43,43,0,0,1-43,43H45A43,43,0,0,1,2,5V4A2,2,0,0,1,4,2Z" fill="none"/>
+      </g>
+      <text id="_00:15" data-name="00:15" transform="translate(89 24)" fill="#fff" font-size="28" font-family="Ramabhadra"><tspan x="0" y="0">00:15</tspan></text>
+      <g id="Group_155" data-name="Group 155" transform="translate(0 5)">
+        <rect id="Rectangle_140" data-name="Rectangle 140" width="53" height="6" transform="translate(32 20)" fill="#9c2b46"/>
+        <rect id="Rectangle_149" data-name="Rectangle 149" width="39" height="6" transform="translate(32 20)" fill="#5df36c"/>
+        <g id="Ellipse_633" data-name="Ellipse 633" transform="translate(22 16)" fill="#60992d" stroke="#fff" stroke-width="1">
+          <circle cx="6.5" cy="6.5" r="6.5" stroke="none"/>
+          <circle cx="6.5" cy="6.5" r="6" fill="none"/>
+        </g>
+      </g>
+      <text id="MOVEMENT_PHASE" data-name="MOVEMENT PHASE" transform="translate(92 36)" fill="#fff" font-size="7" font-family="Ramabhadra"><tspan x="0" y="0">MOVEMENT PHASE</tspan></text>
+      <g id="Group_156" data-name="Group 156" transform="translate(0 -13)">
+        <rect id="Rectangle_140-2" data-name="Rectangle 140" width="53" height="6" transform="translate(32 20)" fill="#9c2b46"/>
+        <rect id="Rectangle_149-2" data-name="Rectangle 149" width="34" height="6" transform="translate(32 20)" fill="#5df36c"/>
+        <g id="Ellipse_633-2" data-name="Ellipse 633" transform="translate(22 16)" fill="#ffb400" stroke="#fff" stroke-width="1">
+          <circle cx="6.5" cy="6.5" r="6.5" stroke="none"/>
+          <circle cx="6.5" cy="6.5" r="6" fill="none"/>
+        </g>
+      </g>
+      <g id="Group_157" data-name="Group 157" transform="translate(165 21)">
+        <rect id="Rectangle_140-3" data-name="Rectangle 140" width="53" height="6" transform="translate(0 4)" fill="#9c2b46"/>
+        <rect id="Rectangle_149-3" data-name="Rectangle 149" width="40" height="6" transform="translate(13 4)" fill="#5df36c"/>
+        <g id="Ellipse_633-3" data-name="Ellipse 633" transform="translate(50)" fill="#da627d" stroke="#fff" stroke-width="1">
+          <circle cx="6.5" cy="6.5" r="6.5" stroke="none"/>
+          <circle cx="6.5" cy="6.5" r="6" fill="none"/>
+        </g>
+      </g>
+      <g id="Group_158" data-name="Group 158" transform="translate(165 3)">
+        <rect id="Rectangle_140-4" data-name="Rectangle 140" width="53" height="6" transform="translate(0 4)" fill="#9c2b46"/>
+        <rect id="Rectangle_149-4" data-name="Rectangle 149" width="31" height="6" transform="translate(22 4)" fill="#5df36c"/>
+        <g id="Ellipse_633-4" data-name="Ellipse 633" transform="translate(50)" fill="#2ca6a4" stroke="#fff" stroke-width="1">
+          <circle cx="6.5" cy="6.5" r="6.5" stroke="none"/>
+          <circle cx="6.5" cy="6.5" r="6" fill="none"/>
+        </g>
+      </g>
+      <path id="Polygon_1" data-name="Polygon 1" d="M4,0,5,2.975l3,.081L5.618,4.975,6.472,8,4,6.211,1.528,8l.854-3.025L0,3.056l3-.081Z" transform="translate(24.5 5.5)" fill="#b98300"/>
+      <g id="Group_4" data-name="Group 4" transform="translate(-1214.554 -624.317)">
+        <path id="Path_23" data-name="Path 23" d="M1204.068,620.1s-1.995-.681-1.168.751c-2,0-.6,1.209-.6,1.209s.813.626,3.754.25C1206.174,621.225,1204.068,620.1,1204.068,620.1Z" transform="translate(37 29.699)" fill="#45711d"/>
+        <path id="Path_25" data-name="Path 25" d="M2.247.162S.252-.519,1.079.913c-2,0-.6,1.21-.6,1.21s.813.626,3.754.25C4.353,1.288,2.247.162,2.247.162Z" transform="translate(1247.287 654.519) rotate(180)" fill="#45711d"/>
+        <path id="Path_24" data-name="Path 24" d="M2.247.162S.252-.519,1.079.913c-2,0-.6,1.21-.6,1.21s.813.626,3.754.25C4.353,1.288,2.247.162,2.247.162Z" transform="translate(1245.547 647.817) rotate(90)" fill="#45711d"/>
+        <path id="Path_26" data-name="Path 26" d="M2.247.162S.252-.519,1.079.913c-2,0-.6,1.21-.6,1.21s.813.626,3.754.25C4.353,1.288,2.247.162,2.247.162Z" transform="translate(1240.562 656.361) rotate(-90)" fill="#45711d"/>
+      </g>
+      <path id="Path_27" data-name="Path 27" d="M1952.645,650.882s-5.623,8.686,0,8.686S1952.645,650.882,1952.645,650.882Z" transform="translate(-1731.146 -645.554)" fill="#1d6a69"/>
+      <path id="Path_28" data-name="Path 28" d="M2663.244,715.424c-1.792-3.135-3.552-1.738-2.967.336.463,1.642,2.967,3.919,2.967,3.919s2.417-2.081,2.912-3.919C2666.71,713.7,2665.006,712.056,2663.244,715.424Z" transform="translate(-2441.713 -688.235)" fill="#b7556b"/>
+    </g>
+  </g>
+</svg>
diff --git a/source/assets/sprites/GUI/in_game/trinity_site_display_screen_2 – 1.svg b/source/assets/sprites/GUI/in_game/trinity_site_display_screen_2 – 1.svg
new file mode 100644
index 0000000..c0a70b5
--- /dev/null
+++ b/source/assets/sprites/GUI/in_game/trinity_site_display_screen_2 – 1.svg	
@@ -0,0 +1,56 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="250" height="45" viewBox="0 0 250 45">
+  <defs>
+    <clipPath id="clip-trinity_site_display_screen_2_1">
+      <rect width="250" height="45"/>
+    </clipPath>
+  </defs>
+  <g id="trinity_site_display_screen_2_1" data-name="trinity_site_display_screen_2 – 1" clip-path="url(#clip-trinity_site_display_screen_2_1)">
+    <g id="Rectangle_148" data-name="Rectangle 148" transform="translate(0 -5)" fill="#4358aa" stroke="#556ece" stroke-width="4">
+      <path d="M0,0H250a0,0,0,0,1,0,0V5a45,45,0,0,1-45,45H45A45,45,0,0,1,0,5V0A0,0,0,0,1,0,0Z" stroke="none"/>
+      <path d="M4,2H246a2,2,0,0,1,2,2V5a43,43,0,0,1-43,43H45A43,43,0,0,1,2,5V4A2,2,0,0,1,4,2Z" fill="none"/>
+    </g>
+    <text id="_00:10" data-name="00:10" transform="translate(89 24)" fill="#fff" font-size="28" font-family="Ramabhadra"><tspan x="0" y="0">00:10</tspan></text>
+    <g id="Group_155" data-name="Group 155" transform="translate(0 5)">
+      <rect id="Rectangle_140" data-name="Rectangle 140" width="53" height="6" transform="translate(32 20)" fill="#9c2b46"/>
+      <rect id="Rectangle_149" data-name="Rectangle 149" width="39" height="6" transform="translate(32 20)" fill="#5df36c"/>
+      <g id="Ellipse_633" data-name="Ellipse 633" transform="translate(22 16)" fill="#60992d" stroke="#fff" stroke-width="1">
+        <circle cx="6.5" cy="6.5" r="6.5" stroke="none"/>
+        <circle cx="6.5" cy="6.5" r="6" fill="none"/>
+      </g>
+    </g>
+    <text id="ATTACK_SIMULATION" data-name="ATTACK SIMULATION" transform="translate(88 36)" fill="#fff" font-size="7" font-family="Ramabhadra"><tspan x="0" y="0">ATTACK SIMULATION</tspan></text>
+    <g id="Group_156" data-name="Group 156" transform="translate(0 -13)">
+      <rect id="Rectangle_140-2" data-name="Rectangle 140" width="53" height="6" transform="translate(32 20)" fill="#9c2b46"/>
+      <rect id="Rectangle_149-2" data-name="Rectangle 149" width="35" height="6" transform="translate(32 20)" fill="#5df36c"/>
+      <g id="Ellipse_633-2" data-name="Ellipse 633" transform="translate(22 16)" fill="#ffb400" stroke="#fff" stroke-width="1">
+        <circle cx="6.5" cy="6.5" r="6.5" stroke="none"/>
+        <circle cx="6.5" cy="6.5" r="6" fill="none"/>
+      </g>
+    </g>
+    <g id="Group_157" data-name="Group 157" transform="translate(165 21)">
+      <rect id="Rectangle_140-3" data-name="Rectangle 140" width="53" height="6" transform="translate(0 4)" fill="#9c2b46"/>
+      <rect id="Rectangle_149-3" data-name="Rectangle 149" width="40" height="6" transform="translate(13 4)" fill="#5df36c"/>
+      <g id="Ellipse_633-3" data-name="Ellipse 633" transform="translate(50)" fill="#da627d" stroke="#fff" stroke-width="1">
+        <circle cx="6.5" cy="6.5" r="6.5" stroke="none"/>
+        <circle cx="6.5" cy="6.5" r="6" fill="none"/>
+      </g>
+    </g>
+    <g id="Group_158" data-name="Group 158" transform="translate(165 3)">
+      <rect id="Rectangle_140-4" data-name="Rectangle 140" width="53" height="6" transform="translate(0 4)" fill="#9c2b46"/>
+      <rect id="Rectangle_149-4" data-name="Rectangle 149" width="31" height="6" transform="translate(22 4)" fill="#5df36c"/>
+      <g id="Ellipse_633-4" data-name="Ellipse 633" transform="translate(50)" fill="#2ca6a4" stroke="#fff" stroke-width="1">
+        <circle cx="6.5" cy="6.5" r="6.5" stroke="none"/>
+        <circle cx="6.5" cy="6.5" r="6" fill="none"/>
+      </g>
+    </g>
+    <path id="Polygon_1" data-name="Polygon 1" d="M4,0,5,2.975l3,.081L5.618,4.975,6.472,8,4,6.211,1.528,8l.854-3.025L0,3.056l3-.081Z" transform="translate(24.5 5.5)" fill="#b98300"/>
+    <g id="Group_4" data-name="Group 4" transform="translate(-1214.554 -624.317)">
+      <path id="Path_23" data-name="Path 23" d="M1204.068,620.1s-1.995-.681-1.168.751c-2,0-.6,1.209-.6,1.209s.813.626,3.754.25C1206.174,621.225,1204.068,620.1,1204.068,620.1Z" transform="translate(37 29.699)" fill="#45711d"/>
+      <path id="Path_25" data-name="Path 25" d="M2.247.162S.252-.519,1.079.913c-2,0-.6,1.21-.6,1.21s.813.626,3.754.25C4.353,1.288,2.247.162,2.247.162Z" transform="translate(1247.287 654.519) rotate(180)" fill="#45711d"/>
+      <path id="Path_24" data-name="Path 24" d="M2.247.162S.252-.519,1.079.913c-2,0-.6,1.21-.6,1.21s.813.626,3.754.25C4.353,1.288,2.247.162,2.247.162Z" transform="translate(1245.547 647.817) rotate(90)" fill="#45711d"/>
+      <path id="Path_26" data-name="Path 26" d="M2.247.162S.252-.519,1.079.913c-2,0-.6,1.21-.6,1.21s.813.626,3.754.25C4.353,1.288,2.247.162,2.247.162Z" transform="translate(1240.562 656.361) rotate(-90)" fill="#45711d"/>
+    </g>
+    <path id="Path_27" data-name="Path 27" d="M1952.645,650.882s-5.623,8.686,0,8.686S1952.645,650.882,1952.645,650.882Z" transform="translate(-1731.146 -645.554)" fill="#1d6a69"/>
+    <path id="Path_28" data-name="Path 28" d="M2663.244,715.424c-1.792-3.135-3.552-1.738-2.967.336.463,1.642,2.967,3.919,2.967,3.919s2.417-2.081,2.912-3.919C2666.71,713.7,2665.006,712.056,2663.244,715.424Z" transform="translate(-2441.713 -688.235)" fill="#b7556b"/>
+  </g>
+</svg>
diff --git a/source/assets/sprites/GUI/in_game/trinity_site_display_screen_2 – 2.svg b/source/assets/sprites/GUI/in_game/trinity_site_display_screen_2 – 2.svg
new file mode 100644
index 0000000..69be100
--- /dev/null
+++ b/source/assets/sprites/GUI/in_game/trinity_site_display_screen_2 – 2.svg	
@@ -0,0 +1,56 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="250" height="45" viewBox="0 0 250 45">
+  <defs>
+    <clipPath id="clip-trinity_site_display_screen_2_2">
+      <rect width="250" height="45"/>
+    </clipPath>
+  </defs>
+  <g id="trinity_site_display_screen_2_2" data-name="trinity_site_display_screen_2 – 2" clip-path="url(#clip-trinity_site_display_screen_2_2)">
+    <g id="Rectangle_148" data-name="Rectangle 148" transform="translate(0 -5)" fill="#4358aa" stroke="#556ece" stroke-width="4">
+      <path d="M0,0H250a0,0,0,0,1,0,0V5a45,45,0,0,1-45,45H45A45,45,0,0,1,0,5V0A0,0,0,0,1,0,0Z" stroke="none"/>
+      <path d="M4,2H246a2,2,0,0,1,2,2V5a43,43,0,0,1-43,43H45A43,43,0,0,1,2,5V4A2,2,0,0,1,4,2Z" fill="none"/>
+    </g>
+    <text id="_00:05" data-name="00:05" transform="translate(89 24)" fill="#fff" font-size="28" font-family="Ramabhadra"><tspan x="0" y="0">00:05</tspan></text>
+    <g id="Group_155" data-name="Group 155" transform="translate(0 5)">
+      <rect id="Rectangle_140" data-name="Rectangle 140" width="53" height="6" transform="translate(32 20)" fill="#9c2b46"/>
+      <rect id="Rectangle_149" data-name="Rectangle 149" width="20" height="6" transform="translate(32 20)" fill="#5df36c"/>
+      <g id="Ellipse_633" data-name="Ellipse 633" transform="translate(22 16)" fill="#60992d" stroke="#fff" stroke-width="1">
+        <circle cx="6.5" cy="6.5" r="6.5" stroke="none"/>
+        <circle cx="6.5" cy="6.5" r="6" fill="none"/>
+      </g>
+    </g>
+    <text id="RESULT_ANALYSIS" data-name="RESULT ANALYSIS" transform="translate(93 36)" fill="#fff" font-size="7" font-family="Ramabhadra"><tspan x="0" y="0">RESULT ANALYSIS</tspan></text>
+    <g id="Group_156" data-name="Group 156" transform="translate(0 -13)">
+      <rect id="Rectangle_140-2" data-name="Rectangle 140" width="53" height="6" transform="translate(32 20)" fill="#9c2b46"/>
+      <rect id="Rectangle_149-2" data-name="Rectangle 149" width="13" height="6" transform="translate(32 20)" fill="#5df36c"/>
+      <g id="Ellipse_633-2" data-name="Ellipse 633" transform="translate(22 16)" fill="#ffb400" stroke="#fff" stroke-width="1">
+        <circle cx="6.5" cy="6.5" r="6.5" stroke="none"/>
+        <circle cx="6.5" cy="6.5" r="6" fill="none"/>
+      </g>
+    </g>
+    <g id="Group_157" data-name="Group 157" transform="translate(165 21)">
+      <rect id="Rectangle_140-3" data-name="Rectangle 140" width="53" height="6" transform="translate(0 4)" fill="#9c2b46"/>
+      <rect id="Rectangle_149-3" data-name="Rectangle 149" width="25" height="6" transform="translate(28 4)" fill="#5df36c"/>
+      <g id="Ellipse_633-3" data-name="Ellipse 633" transform="translate(50)" fill="#da627d" stroke="#fff" stroke-width="1">
+        <circle cx="6.5" cy="6.5" r="6.5" stroke="none"/>
+        <circle cx="6.5" cy="6.5" r="6" fill="none"/>
+      </g>
+    </g>
+    <g id="Group_158" data-name="Group 158" transform="translate(165 3)">
+      <rect id="Rectangle_140-4" data-name="Rectangle 140" width="53" height="6" transform="translate(0 4)" fill="#9c2b46"/>
+      <rect id="Rectangle_149-4" data-name="Rectangle 149" width="31" height="6" transform="translate(22 4)" fill="#5df36c"/>
+      <g id="Ellipse_633-4" data-name="Ellipse 633" transform="translate(50)" fill="#2ca6a4" stroke="#fff" stroke-width="1">
+        <circle cx="6.5" cy="6.5" r="6.5" stroke="none"/>
+        <circle cx="6.5" cy="6.5" r="6" fill="none"/>
+      </g>
+    </g>
+    <path id="Polygon_1" data-name="Polygon 1" d="M4,0,5,2.975l3,.081L5.618,4.975,6.472,8,4,6.211,1.528,8l.854-3.025L0,3.056l3-.081Z" transform="translate(24.5 5.5)" fill="#b98300"/>
+    <g id="Group_4" data-name="Group 4" transform="translate(-1214.554 -624.317)">
+      <path id="Path_23" data-name="Path 23" d="M1204.068,620.1s-1.995-.681-1.168.751c-2,0-.6,1.209-.6,1.209s.813.626,3.754.25C1206.174,621.225,1204.068,620.1,1204.068,620.1Z" transform="translate(37 29.699)" fill="#45711d"/>
+      <path id="Path_25" data-name="Path 25" d="M2.247.162S.252-.519,1.079.913c-2,0-.6,1.21-.6,1.21s.813.626,3.754.25C4.353,1.288,2.247.162,2.247.162Z" transform="translate(1247.287 654.519) rotate(180)" fill="#45711d"/>
+      <path id="Path_24" data-name="Path 24" d="M2.247.162S.252-.519,1.079.913c-2,0-.6,1.21-.6,1.21s.813.626,3.754.25C4.353,1.288,2.247.162,2.247.162Z" transform="translate(1245.547 647.817) rotate(90)" fill="#45711d"/>
+      <path id="Path_26" data-name="Path 26" d="M2.247.162S.252-.519,1.079.913c-2,0-.6,1.21-.6,1.21s.813.626,3.754.25C4.353,1.288,2.247.162,2.247.162Z" transform="translate(1240.562 656.361) rotate(-90)" fill="#45711d"/>
+    </g>
+    <path id="Path_27" data-name="Path 27" d="M1952.645,650.882s-5.623,8.686,0,8.686S1952.645,650.882,1952.645,650.882Z" transform="translate(-1731.146 -645.554)" fill="#1d6a69"/>
+    <path id="Path_28" data-name="Path 28" d="M2663.244,715.424c-1.792-3.135-3.552-1.738-2.967.336.463,1.642,2.967,3.919,2.967,3.919s2.417-2.081,2.912-3.919C2666.71,713.7,2665.006,712.056,2663.244,715.424Z" transform="translate(-2441.713 -688.235)" fill="#b7556b"/>
+  </g>
+</svg>
diff --git a/source/assets/sprites/GUI/in_game/trinity_site_display_screen_2.svg b/source/assets/sprites/GUI/in_game/trinity_site_display_screen_2.svg
new file mode 100644
index 0000000..5ad00d9
--- /dev/null
+++ b/source/assets/sprites/GUI/in_game/trinity_site_display_screen_2.svg
@@ -0,0 +1,56 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="250" height="45" viewBox="0 0 250 45">
+  <defs>
+    <clipPath id="clip-trinity_site_display_screen_2">
+      <rect width="250" height="45"/>
+    </clipPath>
+  </defs>
+  <g id="trinity_site_display_screen_2" clip-path="url(#clip-trinity_site_display_screen_2)">
+    <g id="Rectangle_148" data-name="Rectangle 148" transform="translate(0 -5)" fill="#4358aa" stroke="#556ece" stroke-width="4">
+      <path d="M0,0H250a0,0,0,0,1,0,0V5a45,45,0,0,1-45,45H45A45,45,0,0,1,0,5V0A0,0,0,0,1,0,0Z" stroke="none"/>
+      <path d="M4,2H246a2,2,0,0,1,2,2V5a43,43,0,0,1-43,43H45A43,43,0,0,1,2,5V4A2,2,0,0,1,4,2Z" fill="none"/>
+    </g>
+    <text id="_00:30" data-name="00:30" transform="translate(89 24)" fill="#fff" font-size="28" font-family="Ramabhadra"><tspan x="0" y="0">00:30</tspan></text>
+    <g id="Group_155" data-name="Group 155" transform="translate(0 5)">
+      <rect id="Rectangle_140" data-name="Rectangle 140" width="53" height="6" transform="translate(32 20)" fill="#9c2b46"/>
+      <rect id="Rectangle_149" data-name="Rectangle 149" width="39" height="6" transform="translate(32 20)" fill="#5df36c"/>
+      <g id="Ellipse_633" data-name="Ellipse 633" transform="translate(22 16)" fill="#60992d" stroke="#fff" stroke-width="1">
+        <circle cx="6.5" cy="6.5" r="6.5" stroke="none"/>
+        <circle cx="6.5" cy="6.5" r="6" fill="none"/>
+      </g>
+    </g>
+    <text id="WEAPON_AIM_PHASE" data-name="WEAPON AIM PHASE" transform="translate(89 36)" fill="#fff" font-size="7" font-family="Ramabhadra"><tspan x="0" y="0">WEAPON AIM PHASE</tspan></text>
+    <g id="Group_156" data-name="Group 156" transform="translate(0 -13)">
+      <rect id="Rectangle_140-2" data-name="Rectangle 140" width="53" height="6" transform="translate(32 20)" fill="#9c2b46"/>
+      <rect id="Rectangle_149-2" data-name="Rectangle 149" width="34" height="6" transform="translate(32 20)" fill="#5df36c"/>
+      <g id="Ellipse_633-2" data-name="Ellipse 633" transform="translate(22 16)" fill="#ffb400" stroke="#fff" stroke-width="1">
+        <circle cx="6.5" cy="6.5" r="6.5" stroke="none"/>
+        <circle cx="6.5" cy="6.5" r="6" fill="none"/>
+      </g>
+    </g>
+    <g id="Group_157" data-name="Group 157" transform="translate(165 21)">
+      <rect id="Rectangle_140-3" data-name="Rectangle 140" width="53" height="6" transform="translate(0 4)" fill="#9c2b46"/>
+      <rect id="Rectangle_149-3" data-name="Rectangle 149" width="40" height="6" transform="translate(13 4)" fill="#5df36c"/>
+      <g id="Ellipse_633-3" data-name="Ellipse 633" transform="translate(50)" fill="#da627d" stroke="#fff" stroke-width="1">
+        <circle cx="6.5" cy="6.5" r="6.5" stroke="none"/>
+        <circle cx="6.5" cy="6.5" r="6" fill="none"/>
+      </g>
+    </g>
+    <g id="Group_158" data-name="Group 158" transform="translate(165 3)">
+      <rect id="Rectangle_140-4" data-name="Rectangle 140" width="53" height="6" transform="translate(0 4)" fill="#9c2b46"/>
+      <rect id="Rectangle_149-4" data-name="Rectangle 149" width="31" height="6" transform="translate(22 4)" fill="#5df36c"/>
+      <g id="Ellipse_633-4" data-name="Ellipse 633" transform="translate(50)" fill="#2ca6a4" stroke="#fff" stroke-width="1">
+        <circle cx="6.5" cy="6.5" r="6.5" stroke="none"/>
+        <circle cx="6.5" cy="6.5" r="6" fill="none"/>
+      </g>
+    </g>
+    <path id="Polygon_1" data-name="Polygon 1" d="M4,0,5,2.975l3,.081L5.618,4.975,6.472,8,4,6.211,1.528,8l.854-3.025L0,3.056l3-.081Z" transform="translate(24.5 5.5)" fill="#b98300"/>
+    <g id="Group_4" data-name="Group 4" transform="translate(-1214.554 -624.317)">
+      <path id="Path_23" data-name="Path 23" d="M1204.068,620.1s-1.995-.681-1.168.751c-2,0-.6,1.209-.6,1.209s.813.626,3.754.25C1206.174,621.225,1204.068,620.1,1204.068,620.1Z" transform="translate(37 29.699)" fill="#45711d"/>
+      <path id="Path_25" data-name="Path 25" d="M2.247.162S.252-.519,1.079.913c-2,0-.6,1.21-.6,1.21s.813.626,3.754.25C4.353,1.288,2.247.162,2.247.162Z" transform="translate(1247.287 654.519) rotate(180)" fill="#45711d"/>
+      <path id="Path_24" data-name="Path 24" d="M2.247.162S.252-.519,1.079.913c-2,0-.6,1.21-.6,1.21s.813.626,3.754.25C4.353,1.288,2.247.162,2.247.162Z" transform="translate(1245.547 647.817) rotate(90)" fill="#45711d"/>
+      <path id="Path_26" data-name="Path 26" d="M2.247.162S.252-.519,1.079.913c-2,0-.6,1.21-.6,1.21s.813.626,3.754.25C4.353,1.288,2.247.162,2.247.162Z" transform="translate(1240.562 656.361) rotate(-90)" fill="#45711d"/>
+    </g>
+    <path id="Path_27" data-name="Path 27" d="M1952.645,650.882s-5.623,8.686,0,8.686S1952.645,650.882,1952.645,650.882Z" transform="translate(-1731.146 -645.554)" fill="#1d6a69"/>
+    <path id="Path_28" data-name="Path 28" d="M2663.244,715.424c-1.792-3.135-3.552-1.738-2.967.336.463,1.642,2.967,3.919,2.967,3.919s2.417-2.081,2.912-3.919C2666.71,713.7,2665.006,712.056,2663.244,715.424Z" transform="translate(-2441.713 -688.235)" fill="#b7556b"/>
+  </g>
+</svg>
diff --git a/source/assets/sprites/GUI/in_game/trinity_site_health_bar_negative.svg b/source/assets/sprites/GUI/in_game/trinity_site_health_bar_negative.svg
new file mode 100644
index 0000000..1abea33
--- /dev/null
+++ b/source/assets/sprites/GUI/in_game/trinity_site_health_bar_negative.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100" height="10" viewBox="0 0 100 10">
+  <defs>
+    <clipPath id="clip-trinity_site_health_bar_negative">
+      <rect width="100" height="10"/>
+    </clipPath>
+  </defs>
+  <g id="trinity_site_health_bar_negative" clip-path="url(#clip-trinity_site_health_bar_negative)">
+    <rect id="Rectangle_140" data-name="Rectangle 140" width="90" height="10" transform="translate(5)" fill="#9c2b46"/>
+    <path id="Rectangle_138" data-name="Rectangle 138" d="M5,0h5a0,0,0,0,1,0,0V5a5,5,0,0,1-5,5H0a0,0,0,0,1,0,0V5A5,5,0,0,1,5,0Z" fill="#fff"/>
+    <path id="Rectangle_139" data-name="Rectangle 139" d="M5,0h5a0,0,0,0,1,0,0V5a5,5,0,0,1-5,5H0a0,0,0,0,1,0,0V5A5,5,0,0,1,5,0Z" transform="translate(90)" fill="#fff"/>
+  </g>
+</svg>
diff --git a/source/assets/sprites/GUI/in_game/trinity_site_health_bar_positive.svg b/source/assets/sprites/GUI/in_game/trinity_site_health_bar_positive.svg
new file mode 100644
index 0000000..00b1f67
--- /dev/null
+++ b/source/assets/sprites/GUI/in_game/trinity_site_health_bar_positive.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100" height="10" viewBox="0 0 100 10">
+  <defs>
+    <clipPath id="clip-trinity_site_health_bar_positive">
+      <rect width="100" height="10"/>
+    </clipPath>
+  </defs>
+  <g id="trinity_site_health_bar_positive" clip-path="url(#clip-trinity_site_health_bar_positive)">
+    <rect id="Rectangle_140" data-name="Rectangle 140" width="90" height="10" transform="translate(5)" fill="#5df36c"/>
+    <path id="Rectangle_138" data-name="Rectangle 138" d="M5,0h5a0,0,0,0,1,0,0V5a5,5,0,0,1-5,5H0a0,0,0,0,1,0,0V5A5,5,0,0,1,5,0Z" fill="#fff"/>
+    <path id="Rectangle_139" data-name="Rectangle 139" d="M5,0h5a0,0,0,0,1,0,0V5a5,5,0,0,1-5,5H0a0,0,0,0,1,0,0V5A5,5,0,0,1,5,0Z" transform="translate(90)" fill="#fff"/>
+  </g>
+</svg>
diff --git a/source/assets/sprites/GUI/in_game/trinity_site_input_background-example.svg b/source/assets/sprites/GUI/in_game/trinity_site_input_background-example.svg
new file mode 100644
index 0000000..44ecd19
--- /dev/null
+++ b/source/assets/sprites/GUI/in_game/trinity_site_input_background-example.svg
@@ -0,0 +1,123 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="250" height="75" viewBox="0 0 250 75">
+  <defs>
+    <filter id="Ellipse_632" x="64" y="18" width="63" height="63" filterUnits="userSpaceOnUse">
+      <feOffset dy="3" input="SourceAlpha"/>
+      <feGaussianBlur stdDeviation="3" result="blur"/>
+      <feFlood flood-opacity="0.161"/>
+      <feComposite operator="in" in2="blur"/>
+      <feComposite in="SourceGraphic"/>
+    </filter>
+    <filter id="Rectangle_142" x="69" y="53" width="53" height="28" filterUnits="userSpaceOnUse">
+      <feOffset dy="3" input="SourceAlpha"/>
+      <feGaussianBlur stdDeviation="3" result="blur-2"/>
+      <feFlood flood-opacity="0.161"/>
+      <feComposite operator="in" in2="blur-2"/>
+      <feComposite in="SourceGraphic"/>
+    </filter>
+    <filter id="Ellipse_632-2" x="119" y="18" width="63" height="63" filterUnits="userSpaceOnUse">
+      <feOffset dy="3" input="SourceAlpha"/>
+      <feGaussianBlur stdDeviation="3" result="blur-3"/>
+      <feFlood flood-opacity="0.161"/>
+      <feComposite operator="in" in2="blur-3"/>
+      <feComposite in="SourceGraphic"/>
+    </filter>
+    <filter id="Rectangle_142-2" x="124" y="53" width="53" height="28" filterUnits="userSpaceOnUse">
+      <feOffset dy="3" input="SourceAlpha"/>
+      <feGaussianBlur stdDeviation="3" result="blur-4"/>
+      <feFlood flood-opacity="0.161"/>
+      <feComposite operator="in" in2="blur-4"/>
+      <feComposite in="SourceGraphic"/>
+    </filter>
+    <filter id="Ellipse_632-3" x="174" y="18" width="63" height="63" filterUnits="userSpaceOnUse">
+      <feOffset dy="3" input="SourceAlpha"/>
+      <feGaussianBlur stdDeviation="3" result="blur-5"/>
+      <feFlood flood-opacity="0.161"/>
+      <feComposite operator="in" in2="blur-5"/>
+      <feComposite in="SourceGraphic"/>
+    </filter>
+    <filter id="Rectangle_142-3" x="179" y="53" width="53" height="28" filterUnits="userSpaceOnUse">
+      <feOffset dy="3" input="SourceAlpha"/>
+      <feGaussianBlur stdDeviation="3" result="blur-6"/>
+      <feFlood flood-opacity="0.161"/>
+      <feComposite operator="in" in2="blur-6"/>
+      <feComposite in="SourceGraphic"/>
+    </filter>
+    <filter id="Path_330" x="9" y="18" width="63" height="63" filterUnits="userSpaceOnUse">
+      <feOffset dy="3" input="SourceAlpha"/>
+      <feGaussianBlur stdDeviation="3" result="blur-7"/>
+      <feFlood flood-opacity="0.161"/>
+      <feComposite operator="in" in2="blur-7"/>
+      <feComposite in="SourceGraphic"/>
+    </filter>
+    <filter id="Rectangle_142-4" x="14" y="53" width="53" height="28" filterUnits="userSpaceOnUse">
+      <feOffset dy="3" input="SourceAlpha"/>
+      <feGaussianBlur stdDeviation="3" result="blur-8"/>
+      <feFlood flood-opacity="0.161"/>
+      <feComposite operator="in" in2="blur-8"/>
+      <feComposite in="SourceGraphic"/>
+    </filter>
+    <clipPath id="clip-trinity_site_input_background-example">
+      <rect width="250" height="75"/>
+    </clipPath>
+  </defs>
+  <g id="trinity_site_input_background-example" clip-path="url(#clip-trinity_site_input_background-example)">
+    <g id="Rectangle_140" data-name="Rectangle 140" transform="translate(-5)" fill="#4358aa" stroke="#556ece" stroke-width="4">
+      <path d="M0,0H195a60,60,0,0,1,60,60V79a0,0,0,0,1,0,0H0a0,0,0,0,1,0,0V0A0,0,0,0,1,0,0Z" stroke="none"/>
+      <path d="M4,2H195a58,58,0,0,1,58,58V75a2,2,0,0,1-2,2H4a2,2,0,0,1-2-2V4A2,2,0,0,1,4,2Z" fill="none"/>
+    </g>
+    <g id="Group_147" data-name="Group 147" transform="translate(73 24)">
+      <g transform="matrix(1, 0, 0, 1, -73, -24)" filter="url(#Ellipse_632)">
+        <g id="Ellipse_632-4" data-name="Ellipse 632" transform="translate(73 24)" fill="#556ece" stroke="#fff" stroke-width="2">
+          <circle cx="22.5" cy="22.5" r="22.5" stroke="none"/>
+          <circle cx="22.5" cy="22.5" r="21.5" fill="none"/>
+        </g>
+      </g>
+      <g transform="matrix(1, 0, 0, 1, -73, -24)" filter="url(#Rectangle_142)">
+        <path id="Rectangle_142-5" data-name="Rectangle 142" d="M5,0H35a0,0,0,0,1,0,0V5a5,5,0,0,1-5,5H0a0,0,0,0,1,0,0V5A5,5,0,0,1,5,0Z" transform="translate(78 59)" fill="#fff"/>
+      </g>
+      <text id="HYPERBOL" transform="translate(9 42)" font-size="5" font-family="Ramabhadra"><tspan x="0" y="0">HYPERBOL</tspan></text>
+      <path id="Path_329" data-name="Path 329" d="M1795,904.946s-1.976-12.28,24.231-9.248" transform="translate(-1784.098 -877.581)" fill="none" stroke="#fff" stroke-width="2" stroke-dasharray="2"/>
+    </g>
+    <g id="Group_149" data-name="Group 149" transform="translate(128 24)">
+      <g transform="matrix(1, 0, 0, 1, -128, -24)" filter="url(#Ellipse_632-2)">
+        <g id="Ellipse_632-5" data-name="Ellipse 632" transform="translate(128 24)" fill="#556ece" stroke="#fff" stroke-width="2">
+          <circle cx="22.5" cy="22.5" r="22.5" stroke="none"/>
+          <circle cx="22.5" cy="22.5" r="21.5" fill="none"/>
+        </g>
+      </g>
+      <g transform="matrix(1, 0, 0, 1, -128, -24)" filter="url(#Rectangle_142-2)">
+        <path id="Rectangle_142-6" data-name="Rectangle 142" d="M5,0H35a0,0,0,0,1,0,0V5a5,5,0,0,1-5,5H0a0,0,0,0,1,0,0V5A5,5,0,0,1,5,0Z" transform="translate(133 59)" fill="#fff"/>
+      </g>
+      <text id="LINE" transform="translate(17 42)" font-size="5" font-family="Ramabhadra"><tspan x="0" y="0">LINE</tspan></text>
+      <path id="Path_329-2" data-name="Path 329" d="M1795,904.946s19.542-12.14,21.925-14.2" transform="translate(-1783.462 -875.347)" fill="none" stroke="#fff" stroke-width="2" stroke-dasharray="2"/>
+    </g>
+    <g id="Group_150" data-name="Group 150" transform="translate(183 24)">
+      <g transform="matrix(1, 0, 0, 1, -183, -24)" filter="url(#Ellipse_632-3)">
+        <g id="Ellipse_632-6" data-name="Ellipse 632" transform="translate(183 24)" fill="#556ece" stroke="#fff" stroke-width="2">
+          <circle cx="22.5" cy="22.5" r="22.5" stroke="none"/>
+          <circle cx="22.5" cy="22.5" r="21.5" fill="none"/>
+        </g>
+      </g>
+      <g transform="matrix(1, 0, 0, 1, -183, -24)" filter="url(#Rectangle_142-3)">
+        <path id="Rectangle_142-7" data-name="Rectangle 142" d="M5,0H35a0,0,0,0,1,0,0V5a5,5,0,0,1-5,5H0a0,0,0,0,1,0,0V5A5,5,0,0,1,5,0Z" transform="translate(188 59)" fill="#fff"/>
+      </g>
+      <text id="SIN" transform="translate(19 42)" font-size="5" font-family="Ramabhadra"><tspan x="0" y="0">SIN</tspan></text>
+      <path id="Path_329-3" data-name="Path 329" d="M1795,904.946s6.789-18.456,13.338,0c8.374,18.429,12.316.268,12.389,0" transform="translate(-1785.364 -882.47)" fill="none" stroke="#fff" stroke-width="2" stroke-dasharray="2"/>
+    </g>
+    <g id="Group_152" data-name="Group 152" transform="translate(18 24)">
+      <g transform="matrix(1, 0, 0, 1, -18, -24)" filter="url(#Path_330)">
+        <g id="Path_330-2" data-name="Path 330" transform="translate(18 24)" fill="#3e66ff">
+          <path d="M 22.5 44 C 19.59708023071289 44 16.78152084350586 43.43167877197266 14.13154029846191 42.31082916259766 C 11.57145023345947 41.22800827026367 9.272049903869629 39.67763900756836 7.297200202941895 37.70280075073242 C 5.322360038757324 35.72795104980469 3.771990060806274 33.42855072021484 2.689169883728027 30.86845970153809 C 1.568320035934448 28.21847915649414 1 25.40291976928711 1 22.5 C 1 19.59708023071289 1.568320035934448 16.78152084350586 2.689169883728027 14.13154029846191 C 3.771990060806274 11.57145023345947 5.322360038757324 9.272049903869629 7.297200202941895 7.297200202941895 C 9.272049903869629 5.322360038757324 11.57145023345947 3.771990060806274 14.13154029846191 2.689169883728027 C 16.78152084350586 1.568320035934448 19.59708023071289 1 22.5 1 C 25.40291976928711 1 28.21847915649414 1.568320035934448 30.86845970153809 2.689169883728027 C 33.42855072021484 3.771990060806274 35.72795104980469 5.322360038757324 37.70280075073242 7.297200202941895 C 39.67763900756836 9.272049903869629 41.22800827026367 11.57145023345947 42.31082916259766 14.13154029846191 C 43.43167877197266 16.78152084350586 44 19.59708023071289 44 22.5 C 44 25.40291976928711 43.43167877197266 28.21847915649414 42.31082916259766 30.86845970153809 C 41.22800827026367 33.42855072021484 39.67763900756836 35.72795104980469 37.70280075073242 37.70280075073242 C 35.72795104980469 39.67763900756836 33.42855072021484 41.22800827026367 30.86845970153809 42.31082916259766 C 28.21847915649414 43.43167877197266 25.40291976928711 44 22.5 44 Z" stroke="none"/>
+          <path d="M 22.5 2 C 19.73163986206055 2 17.04714012145996 2.541740417480469 14.52108955383301 3.61016845703125 C 12.0802001953125 4.642578125 9.887641906738281 6.120979309082031 8.004310607910156 8.004310607910156 C 6.120979309082031 9.887641906738281 4.642578125 12.0802001953125 3.61016845703125 14.52108955383301 C 2.541740417480469 17.04714012145996 2 19.73163986206055 2 22.5 C 2 25.26836013793945 2.541740417480469 27.95285987854004 3.61016845703125 30.47891044616699 C 4.642578125 32.9197998046875 6.120979309082031 35.11235809326172 8.004310607910156 36.99568939208984 C 9.887641906738281 38.87902069091797 12.0802001953125 40.357421875 14.52108955383301 41.38983154296875 C 17.04714012145996 42.45825958251953 19.73163986206055 43 22.5 43 C 25.26836013793945 43 27.95285987854004 42.45825958251953 30.47891044616699 41.38983154296875 C 32.9197998046875 40.357421875 35.11235809326172 38.87902069091797 36.99568939208984 36.99568939208984 C 38.87902069091797 35.11235809326172 40.357421875 32.9197998046875 41.38983154296875 30.47891044616699 C 42.45825958251953 27.95285987854004 43 25.26836013793945 43 22.5 C 43 19.73163986206055 42.45825958251953 17.04714012145996 41.38983154296875 14.52108955383301 C 40.357421875 12.0802001953125 38.87902069091797 9.887641906738281 36.99568939208984 8.004310607910156 C 35.11235809326172 6.120979309082031 32.9197998046875 4.642578125 30.47891044616699 3.61016845703125 C 27.95285987854004 2.541740417480469 25.26836013793945 2 22.5 2 M 22.5 0 C 34.92641067504883 0 45 10.07358932495117 45 22.5 C 45 34.92641067504883 34.92641067504883 45 22.5 45 C 10.07358932495117 45 0 34.92641067504883 0 22.5 C 0 10.07358932495117 10.07358932495117 0 22.5 0 Z" stroke="none" fill="#fff"/>
+        </g>
+      </g>
+      <g transform="matrix(1, 0, 0, 1, -18, -24)" filter="url(#Rectangle_142-4)">
+        <path id="Rectangle_142-8" data-name="Rectangle 142" d="M5,0H35a0,0,0,0,1,0,0V5a5,5,0,0,1-5,5H0a0,0,0,0,1,0,0V5A5,5,0,0,1,5,0Z" transform="translate(23 59)" fill="#fff"/>
+      </g>
+      <text id="PARABOL" transform="translate(10 42)" font-size="5" font-family="Ramabhadra"><tspan x="0" y="0">PARABOL</tspan></text>
+      <path id="Path_329-4" data-name="Path 329" d="M1795,904.946s8.215-43.835,19.96,0" transform="translate(-1782.48 -876)" fill="none" stroke="#fff" stroke-width="2" stroke-dasharray="2"/>
+    </g>
+    <text id="WEAPON_FUNCTION_ARSENAL" data-name="WEAPON FUNCTION ARSENAL" transform="translate(3 15)" fill="#fff" font-size="7" font-family="Ramabhadra"><tspan x="0" y="0">WEAPON FUNCTION ARSENAL</tspan></text>
+    <text id="GOVERNMENT_ISSUED_-_V.613.92.1" data-name="GOVERNMENT ISSUED - V.613.92.1" transform="translate(41 20)" fill="#1d348d" font-size="4" font-family="Ramabhadra"><tspan x="0" y="0">GOVERNMENT ISSUED - V.613.92.1</tspan></text>
+  </g>
+</svg>
diff --git a/source/assets/sprites/GUI/in_game/trinity_site_input_background.svg b/source/assets/sprites/GUI/in_game/trinity_site_input_background.svg
new file mode 100644
index 0000000..d9ae15e
--- /dev/null
+++ b/source/assets/sprites/GUI/in_game/trinity_site_input_background.svg
@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="250" height="75" viewBox="0 0 250 75">
+  <defs>
+    <clipPath id="clip-trinity_site_input_background">
+      <rect width="250" height="75"/>
+    </clipPath>
+  </defs>
+  <g id="trinity_site_input_background" clip-path="url(#clip-trinity_site_input_background)">
+    <g id="Rectangle_140" data-name="Rectangle 140" transform="translate(-5)" fill="#4358aa" stroke="#556ece" stroke-width="4">
+      <path d="M0,0H195a60,60,0,0,1,60,60V79a0,0,0,0,1,0,0H0a0,0,0,0,1,0,0V0A0,0,0,0,1,0,0Z" stroke="none"/>
+      <path d="M4,2H195a58,58,0,0,1,58,58V75a2,2,0,0,1-2,2H4a2,2,0,0,1-2-2V4A2,2,0,0,1,4,2Z" fill="none"/>
+    </g>
+    <text id="WEAPON_FUNCTION_ARSENAL" data-name="WEAPON FUNCTION ARSENAL" transform="translate(3 15)" fill="#fff" font-size="7" font-family="Ramabhadra"><tspan x="0" y="0">WEAPON FUNCTION ARSENAL</tspan></text>
+    <text id="GOVERNMENT_ISSUED_-_V.613.92.1" data-name="GOVERNMENT ISSUED - V.613.92.1" transform="translate(41 20)" fill="#1d348d" font-size="4" font-family="Ramabhadra"><tspan x="0" y="0">GOVERNMENT ISSUED - V.613.92.1</tspan></text>
+  </g>
+</svg>
diff --git a/source/assets/sprites/GUI/in_game/trinity_site_input_button_1.svg b/source/assets/sprites/GUI/in_game/trinity_site_input_button_1.svg
new file mode 100644
index 0000000..2570fd7
--- /dev/null
+++ b/source/assets/sprites/GUI/in_game/trinity_site_input_button_1.svg
@@ -0,0 +1,36 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="45" height="45" viewBox="0 0 45 45">
+  <defs>
+    <filter id="Ellipse_632" x="-9" y="-6" width="63" height="63" filterUnits="userSpaceOnUse">
+      <feOffset dy="3" input="SourceAlpha"/>
+      <feGaussianBlur stdDeviation="3" result="blur"/>
+      <feFlood flood-opacity="0.161"/>
+      <feComposite operator="in" in2="blur"/>
+      <feComposite in="SourceGraphic"/>
+    </filter>
+    <filter id="Rectangle_142" x="-4" y="29" width="53" height="28" filterUnits="userSpaceOnUse">
+      <feOffset dy="3" input="SourceAlpha"/>
+      <feGaussianBlur stdDeviation="3" result="blur-2"/>
+      <feFlood flood-opacity="0.161"/>
+      <feComposite operator="in" in2="blur-2"/>
+      <feComposite in="SourceGraphic"/>
+    </filter>
+    <clipPath id="clip-trinity_site_input_button_1">
+      <rect width="45" height="45"/>
+    </clipPath>
+  </defs>
+  <g id="trinity_site_input_button_1" clip-path="url(#clip-trinity_site_input_button_1)">
+    <g id="Group_148" data-name="Group 148">
+      <g transform="matrix(1, 0, 0, 1, 0, 0)" filter="url(#Ellipse_632)">
+        <g id="Ellipse_632-2" data-name="Ellipse 632" fill="#556ece" stroke="#fff" stroke-width="2">
+          <circle cx="22.5" cy="22.5" r="22.5" stroke="none"/>
+          <circle cx="22.5" cy="22.5" r="21.5" fill="none"/>
+        </g>
+      </g>
+      <g transform="matrix(1, 0, 0, 1, 0, 0)" filter="url(#Rectangle_142)">
+        <path id="Rectangle_142-2" data-name="Rectangle 142" d="M5,0H35a0,0,0,0,1,0,0V5a5,5,0,0,1-5,5H0a0,0,0,0,1,0,0V5A5,5,0,0,1,5,0Z" transform="translate(5 35)" fill="#fff"/>
+      </g>
+      <text id="PARABOL" transform="translate(10 42)" font-size="5" font-family="Ramabhadra"><tspan x="0" y="0">PARABOL</tspan></text>
+      <path id="Path_329" data-name="Path 329" d="M1795,904.946s8.215-43.835,19.96,0" transform="translate(-1782.48 -876)" fill="none" stroke="#fff" stroke-width="2" stroke-dasharray="2"/>
+    </g>
+  </g>
+</svg>
diff --git a/source/assets/sprites/GUI/in_game/trinity_site_input_button_1_active.svg b/source/assets/sprites/GUI/in_game/trinity_site_input_button_1_active.svg
new file mode 100644
index 0000000..557cf60
--- /dev/null
+++ b/source/assets/sprites/GUI/in_game/trinity_site_input_button_1_active.svg
@@ -0,0 +1,36 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="45" height="45" viewBox="0 0 45 45">
+  <defs>
+    <filter id="Path_330" x="-9" y="-6" width="63" height="63" filterUnits="userSpaceOnUse">
+      <feOffset dy="3" input="SourceAlpha"/>
+      <feGaussianBlur stdDeviation="3" result="blur"/>
+      <feFlood flood-opacity="0.161"/>
+      <feComposite operator="in" in2="blur"/>
+      <feComposite in="SourceGraphic"/>
+    </filter>
+    <filter id="Rectangle_142" x="-4" y="29" width="53" height="28" filterUnits="userSpaceOnUse">
+      <feOffset dy="3" input="SourceAlpha"/>
+      <feGaussianBlur stdDeviation="3" result="blur-2"/>
+      <feFlood flood-opacity="0.161"/>
+      <feComposite operator="in" in2="blur-2"/>
+      <feComposite in="SourceGraphic"/>
+    </filter>
+    <clipPath id="clip-trinity_site_input_button_1_active">
+      <rect width="45" height="45"/>
+    </clipPath>
+  </defs>
+  <g id="trinity_site_input_button_1_active" clip-path="url(#clip-trinity_site_input_button_1_active)">
+    <g id="Group_152" data-name="Group 152">
+      <g transform="matrix(1, 0, 0, 1, 0, 0)" filter="url(#Path_330)">
+        <g id="Path_330-2" data-name="Path 330" fill="#3e66ff">
+          <path d="M 22.5 44 C 19.59708023071289 44 16.78152084350586 43.43167877197266 14.13154029846191 42.31082916259766 C 11.57145023345947 41.22800827026367 9.272049903869629 39.67763900756836 7.297200202941895 37.70280075073242 C 5.322360038757324 35.72795104980469 3.771990060806274 33.42855072021484 2.689169883728027 30.86845970153809 C 1.568320035934448 28.21847915649414 1 25.40291976928711 1 22.5 C 1 19.59708023071289 1.568320035934448 16.78152084350586 2.689169883728027 14.13154029846191 C 3.771990060806274 11.57145023345947 5.322360038757324 9.272049903869629 7.297200202941895 7.297200202941895 C 9.272049903869629 5.322360038757324 11.57145023345947 3.771990060806274 14.13154029846191 2.689169883728027 C 16.78152084350586 1.568320035934448 19.59708023071289 1 22.5 1 C 25.40291976928711 1 28.21847915649414 1.568320035934448 30.86845970153809 2.689169883728027 C 33.42855072021484 3.771990060806274 35.72795104980469 5.322360038757324 37.70280075073242 7.297200202941895 C 39.67763900756836 9.272049903869629 41.22800827026367 11.57145023345947 42.31082916259766 14.13154029846191 C 43.43167877197266 16.78152084350586 44 19.59708023071289 44 22.5 C 44 25.40291976928711 43.43167877197266 28.21847915649414 42.31082916259766 30.86845970153809 C 41.22800827026367 33.42855072021484 39.67763900756836 35.72795104980469 37.70280075073242 37.70280075073242 C 35.72795104980469 39.67763900756836 33.42855072021484 41.22800827026367 30.86845970153809 42.31082916259766 C 28.21847915649414 43.43167877197266 25.40291976928711 44 22.5 44 Z" stroke="none"/>
+          <path d="M 22.5 2 C 19.73163986206055 2 17.04714012145996 2.541740417480469 14.52108955383301 3.61016845703125 C 12.0802001953125 4.642578125 9.887641906738281 6.120979309082031 8.004310607910156 8.004310607910156 C 6.120979309082031 9.887641906738281 4.642578125 12.0802001953125 3.61016845703125 14.52108955383301 C 2.541740417480469 17.04714012145996 2 19.73163986206055 2 22.5 C 2 25.26836013793945 2.541740417480469 27.95285987854004 3.61016845703125 30.47891044616699 C 4.642578125 32.9197998046875 6.120979309082031 35.11235809326172 8.004310607910156 36.99568939208984 C 9.887641906738281 38.87902069091797 12.0802001953125 40.357421875 14.52108955383301 41.38983154296875 C 17.04714012145996 42.45825958251953 19.73163986206055 43 22.5 43 C 25.26836013793945 43 27.95285987854004 42.45825958251953 30.47891044616699 41.38983154296875 C 32.9197998046875 40.357421875 35.11235809326172 38.87902069091797 36.99568939208984 36.99568939208984 C 38.87902069091797 35.11235809326172 40.357421875 32.9197998046875 41.38983154296875 30.47891044616699 C 42.45825958251953 27.95285987854004 43 25.26836013793945 43 22.5 C 43 19.73163986206055 42.45825958251953 17.04714012145996 41.38983154296875 14.52108955383301 C 40.357421875 12.0802001953125 38.87902069091797 9.887641906738281 36.99568939208984 8.004310607910156 C 35.11235809326172 6.120979309082031 32.9197998046875 4.642578125 30.47891044616699 3.61016845703125 C 27.95285987854004 2.541740417480469 25.26836013793945 2 22.5 2 M 22.5 0 C 34.92641067504883 0 45 10.07358932495117 45 22.5 C 45 34.92641067504883 34.92641067504883 45 22.5 45 C 10.07358932495117 45 0 34.92641067504883 0 22.5 C 0 10.07358932495117 10.07358932495117 0 22.5 0 Z" stroke="none" fill="#fff"/>
+        </g>
+      </g>
+      <g transform="matrix(1, 0, 0, 1, 0, 0)" filter="url(#Rectangle_142)">
+        <path id="Rectangle_142-2" data-name="Rectangle 142" d="M5,0H35a0,0,0,0,1,0,0V5a5,5,0,0,1-5,5H0a0,0,0,0,1,0,0V5A5,5,0,0,1,5,0Z" transform="translate(5 35)" fill="#fff"/>
+      </g>
+      <text id="PARABOL" transform="translate(10 42)" font-size="5" font-family="Ramabhadra"><tspan x="0" y="0">PARABOL</tspan></text>
+      <path id="Path_329" data-name="Path 329" d="M1795,904.946s8.215-43.835,19.96,0" transform="translate(-1782.48 -876)" fill="none" stroke="#fff" stroke-width="2" stroke-dasharray="2"/>
+    </g>
+  </g>
+</svg>
diff --git a/source/assets/sprites/GUI/in_game/trinity_site_input_button_2.svg b/source/assets/sprites/GUI/in_game/trinity_site_input_button_2.svg
new file mode 100644
index 0000000..eb098bc
--- /dev/null
+++ b/source/assets/sprites/GUI/in_game/trinity_site_input_button_2.svg
@@ -0,0 +1,36 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="45" height="45" viewBox="0 0 45 45">
+  <defs>
+    <filter id="Ellipse_632" x="-9" y="-6" width="63" height="63" filterUnits="userSpaceOnUse">
+      <feOffset dy="3" input="SourceAlpha"/>
+      <feGaussianBlur stdDeviation="3" result="blur"/>
+      <feFlood flood-opacity="0.161"/>
+      <feComposite operator="in" in2="blur"/>
+      <feComposite in="SourceGraphic"/>
+    </filter>
+    <filter id="Rectangle_142" x="-4" y="29" width="53" height="28" filterUnits="userSpaceOnUse">
+      <feOffset dy="3" input="SourceAlpha"/>
+      <feGaussianBlur stdDeviation="3" result="blur-2"/>
+      <feFlood flood-opacity="0.161"/>
+      <feComposite operator="in" in2="blur-2"/>
+      <feComposite in="SourceGraphic"/>
+    </filter>
+    <clipPath id="clip-trinity_site_input_button_2">
+      <rect width="45" height="45"/>
+    </clipPath>
+  </defs>
+  <g id="trinity_site_input_button_2" clip-path="url(#clip-trinity_site_input_button_2)">
+    <g id="Group_147" data-name="Group 147">
+      <g transform="matrix(1, 0, 0, 1, 0, 0)" filter="url(#Ellipse_632)">
+        <g id="Ellipse_632-2" data-name="Ellipse 632" fill="#556ece" stroke="#fff" stroke-width="2">
+          <circle cx="22.5" cy="22.5" r="22.5" stroke="none"/>
+          <circle cx="22.5" cy="22.5" r="21.5" fill="none"/>
+        </g>
+      </g>
+      <g transform="matrix(1, 0, 0, 1, 0, 0)" filter="url(#Rectangle_142)">
+        <path id="Rectangle_142-2" data-name="Rectangle 142" d="M5,0H35a0,0,0,0,1,0,0V5a5,5,0,0,1-5,5H0a0,0,0,0,1,0,0V5A5,5,0,0,1,5,0Z" transform="translate(5 35)" fill="#fff"/>
+      </g>
+      <text id="HYPERBOL" transform="translate(9 42)" font-size="5" font-family="Ramabhadra"><tspan x="0" y="0">HYPERBOL</tspan></text>
+      <path id="Path_329" data-name="Path 329" d="M1795,904.946s-1.976-12.28,24.231-9.248" transform="translate(-1784.098 -877.581)" fill="none" stroke="#fff" stroke-width="2" stroke-dasharray="2"/>
+    </g>
+  </g>
+</svg>
diff --git a/source/assets/sprites/GUI/in_game/trinity_site_input_button_2_active.svg b/source/assets/sprites/GUI/in_game/trinity_site_input_button_2_active.svg
new file mode 100644
index 0000000..180d476
--- /dev/null
+++ b/source/assets/sprites/GUI/in_game/trinity_site_input_button_2_active.svg
@@ -0,0 +1,36 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="45" height="45" viewBox="0 0 45 45">
+  <defs>
+    <filter id="Ellipse_632" x="-9" y="-6" width="63" height="63" filterUnits="userSpaceOnUse">
+      <feOffset dy="3" input="SourceAlpha"/>
+      <feGaussianBlur stdDeviation="3" result="blur"/>
+      <feFlood flood-opacity="0.161"/>
+      <feComposite operator="in" in2="blur"/>
+      <feComposite in="SourceGraphic"/>
+    </filter>
+    <filter id="Rectangle_142" x="-4" y="29" width="53" height="28" filterUnits="userSpaceOnUse">
+      <feOffset dy="3" input="SourceAlpha"/>
+      <feGaussianBlur stdDeviation="3" result="blur-2"/>
+      <feFlood flood-opacity="0.161"/>
+      <feComposite operator="in" in2="blur-2"/>
+      <feComposite in="SourceGraphic"/>
+    </filter>
+    <clipPath id="clip-trinity_site_input_button_2_active">
+      <rect width="45" height="45"/>
+    </clipPath>
+  </defs>
+  <g id="trinity_site_input_button_2_active" clip-path="url(#clip-trinity_site_input_button_2_active)">
+    <g id="Group_153" data-name="Group 153">
+      <g transform="matrix(1, 0, 0, 1, 0, 0)" filter="url(#Ellipse_632)">
+        <g id="Ellipse_632-2" data-name="Ellipse 632" fill="#3e66ff" stroke="#fff" stroke-width="2">
+          <circle cx="22.5" cy="22.5" r="22.5" stroke="none"/>
+          <circle cx="22.5" cy="22.5" r="21.5" fill="none"/>
+        </g>
+      </g>
+      <g transform="matrix(1, 0, 0, 1, 0, 0)" filter="url(#Rectangle_142)">
+        <path id="Rectangle_142-2" data-name="Rectangle 142" d="M5,0H35a0,0,0,0,1,0,0V5a5,5,0,0,1-5,5H0a0,0,0,0,1,0,0V5A5,5,0,0,1,5,0Z" transform="translate(5 35)" fill="#fff"/>
+      </g>
+      <text id="HYPERBOL" transform="translate(9 42)" font-size="5" font-family="Ramabhadra"><tspan x="0" y="0">HYPERBOL</tspan></text>
+      <path id="Path_329" data-name="Path 329" d="M1795,904.946s-1.976-12.28,24.231-9.248" transform="translate(-1784.098 -877.581)" fill="none" stroke="#fff" stroke-width="2" stroke-dasharray="2"/>
+    </g>
+  </g>
+</svg>
diff --git a/source/assets/sprites/GUI/in_game/trinity_site_input_button_3 – 1.svg b/source/assets/sprites/GUI/in_game/trinity_site_input_button_3 – 1.svg
new file mode 100644
index 0000000..ce0962c
--- /dev/null
+++ b/source/assets/sprites/GUI/in_game/trinity_site_input_button_3 – 1.svg	
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="45" height="45" viewBox="0 0 45 45">
+  <defs>
+    <clipPath id="clip-trinity_site_input_button_3_1">
+      <rect width="45" height="45"/>
+    </clipPath>
+  </defs>
+  <g id="trinity_site_input_button_3_1" data-name="trinity_site_input_button_3 – 1" clip-path="url(#clip-trinity_site_input_button_3_1)">
+    <path id="Rectangle_143" data-name="Rectangle 143" d="M0,0H45a0,0,0,0,1,0,0V30A15,15,0,0,1,30,45H0a0,0,0,0,1,0,0V0A0,0,0,0,1,0,0Z" fill="#1c142d"/>
+    <rect id="Rectangle_144" data-name="Rectangle 144" width="19" height="3" transform="translate(13 16)" fill="#fff"/>
+    <rect id="Rectangle_146" data-name="Rectangle 146" width="19" height="3" transform="translate(13 21)" fill="#fff"/>
+    <rect id="Rectangle_147" data-name="Rectangle 147" width="19" height="3" transform="translate(13 26)" fill="#fff"/>
+  </g>
+</svg>
diff --git a/source/assets/sprites/GUI/in_game/trinity_site_input_button_3.svg b/source/assets/sprites/GUI/in_game/trinity_site_input_button_3.svg
new file mode 100644
index 0000000..594a988
--- /dev/null
+++ b/source/assets/sprites/GUI/in_game/trinity_site_input_button_3.svg
@@ -0,0 +1,36 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="45" height="45" viewBox="0 0 45 45">
+  <defs>
+    <filter id="Ellipse_632" x="-9" y="-6" width="63" height="63" filterUnits="userSpaceOnUse">
+      <feOffset dy="3" input="SourceAlpha"/>
+      <feGaussianBlur stdDeviation="3" result="blur"/>
+      <feFlood flood-opacity="0.161"/>
+      <feComposite operator="in" in2="blur"/>
+      <feComposite in="SourceGraphic"/>
+    </filter>
+    <filter id="Rectangle_142" x="-4" y="29" width="53" height="28" filterUnits="userSpaceOnUse">
+      <feOffset dy="3" input="SourceAlpha"/>
+      <feGaussianBlur stdDeviation="3" result="blur-2"/>
+      <feFlood flood-opacity="0.161"/>
+      <feComposite operator="in" in2="blur-2"/>
+      <feComposite in="SourceGraphic"/>
+    </filter>
+    <clipPath id="clip-trinity_site_input_button_3">
+      <rect width="45" height="45"/>
+    </clipPath>
+  </defs>
+  <g id="trinity_site_input_button_3" clip-path="url(#clip-trinity_site_input_button_3)">
+    <g id="Group_149" data-name="Group 149">
+      <g transform="matrix(1, 0, 0, 1, 0, 0)" filter="url(#Ellipse_632)">
+        <g id="Ellipse_632-2" data-name="Ellipse 632" fill="#556ece" stroke="#fff" stroke-width="2">
+          <circle cx="22.5" cy="22.5" r="22.5" stroke="none"/>
+          <circle cx="22.5" cy="22.5" r="21.5" fill="none"/>
+        </g>
+      </g>
+      <g transform="matrix(1, 0, 0, 1, 0, 0)" filter="url(#Rectangle_142)">
+        <path id="Rectangle_142-2" data-name="Rectangle 142" d="M5,0H35a0,0,0,0,1,0,0V5a5,5,0,0,1-5,5H0a0,0,0,0,1,0,0V5A5,5,0,0,1,5,0Z" transform="translate(5 35)" fill="#fff"/>
+      </g>
+      <text id="LINE" transform="translate(17 42)" font-size="5" font-family="Ramabhadra"><tspan x="0" y="0">LINE</tspan></text>
+      <path id="Path_329" data-name="Path 329" d="M1795,904.946s19.542-12.14,21.925-14.2" transform="translate(-1783.462 -875.347)" fill="none" stroke="#fff" stroke-width="2" stroke-dasharray="2"/>
+    </g>
+  </g>
+</svg>
diff --git a/source/assets/sprites/GUI/in_game/trinity_site_input_button_3_active.svg b/source/assets/sprites/GUI/in_game/trinity_site_input_button_3_active.svg
new file mode 100644
index 0000000..1cab73f
--- /dev/null
+++ b/source/assets/sprites/GUI/in_game/trinity_site_input_button_3_active.svg
@@ -0,0 +1,36 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="45" height="45" viewBox="0 0 45 45">
+  <defs>
+    <filter id="Ellipse_632" x="-9" y="-6" width="63" height="63" filterUnits="userSpaceOnUse">
+      <feOffset dy="3" input="SourceAlpha"/>
+      <feGaussianBlur stdDeviation="3" result="blur"/>
+      <feFlood flood-opacity="0.161"/>
+      <feComposite operator="in" in2="blur"/>
+      <feComposite in="SourceGraphic"/>
+    </filter>
+    <filter id="Rectangle_142" x="-4" y="29" width="53" height="28" filterUnits="userSpaceOnUse">
+      <feOffset dy="3" input="SourceAlpha"/>
+      <feGaussianBlur stdDeviation="3" result="blur-2"/>
+      <feFlood flood-opacity="0.161"/>
+      <feComposite operator="in" in2="blur-2"/>
+      <feComposite in="SourceGraphic"/>
+    </filter>
+    <clipPath id="clip-trinity_site_input_button_3_active">
+      <rect width="45" height="45"/>
+    </clipPath>
+  </defs>
+  <g id="trinity_site_input_button_3_active" clip-path="url(#clip-trinity_site_input_button_3_active)">
+    <g id="Group_151" data-name="Group 151">
+      <g transform="matrix(1, 0, 0, 1, 0, 0)" filter="url(#Ellipse_632)">
+        <g id="Ellipse_632-2" data-name="Ellipse 632" fill="#3e66ff" stroke="#fff" stroke-width="2">
+          <circle cx="22.5" cy="22.5" r="22.5" stroke="none"/>
+          <circle cx="22.5" cy="22.5" r="21.5" fill="none"/>
+        </g>
+      </g>
+      <g transform="matrix(1, 0, 0, 1, 0, 0)" filter="url(#Rectangle_142)">
+        <path id="Rectangle_142-2" data-name="Rectangle 142" d="M5,0H35a0,0,0,0,1,0,0V5a5,5,0,0,1-5,5H0a0,0,0,0,1,0,0V5A5,5,0,0,1,5,0Z" transform="translate(5 35)" fill="#fff"/>
+      </g>
+      <text id="LINE" transform="translate(17 42)" font-size="5" font-family="Ramabhadra"><tspan x="0" y="0">LINE</tspan></text>
+      <path id="Path_329" data-name="Path 329" d="M1795,904.946s19.542-12.14,21.925-14.2" transform="translate(-1783.462 -875.347)" fill="none" stroke="#fff" stroke-width="2" stroke-dasharray="2"/>
+    </g>
+  </g>
+</svg>
diff --git a/source/assets/sprites/GUI/in_game/trinity_site_input_button_4.svg b/source/assets/sprites/GUI/in_game/trinity_site_input_button_4.svg
new file mode 100644
index 0000000..fbada73
--- /dev/null
+++ b/source/assets/sprites/GUI/in_game/trinity_site_input_button_4.svg
@@ -0,0 +1,36 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="45" height="45" viewBox="0 0 45 45">
+  <defs>
+    <filter id="Path_331" x="-9" y="-6" width="63" height="63" filterUnits="userSpaceOnUse">
+      <feOffset dy="3" input="SourceAlpha"/>
+      <feGaussianBlur stdDeviation="3" result="blur"/>
+      <feFlood flood-opacity="0.161"/>
+      <feComposite operator="in" in2="blur"/>
+      <feComposite in="SourceGraphic"/>
+    </filter>
+    <filter id="Rectangle_142" x="-4" y="29" width="53" height="28" filterUnits="userSpaceOnUse">
+      <feOffset dy="3" input="SourceAlpha"/>
+      <feGaussianBlur stdDeviation="3" result="blur-2"/>
+      <feFlood flood-opacity="0.161"/>
+      <feComposite operator="in" in2="blur-2"/>
+      <feComposite in="SourceGraphic"/>
+    </filter>
+    <clipPath id="clip-trinity_site_input_button_4">
+      <rect width="45" height="45"/>
+    </clipPath>
+  </defs>
+  <g id="trinity_site_input_button_4" clip-path="url(#clip-trinity_site_input_button_4)">
+    <g id="Group_150" data-name="Group 150">
+      <g transform="matrix(1, 0, 0, 1, 0, 0)" filter="url(#Path_331)">
+        <g id="Path_331-2" data-name="Path 331" fill="#556ece">
+          <path d="M 22.5 44 C 19.59708023071289 44 16.78152084350586 43.43167877197266 14.13154029846191 42.31082916259766 C 11.57145023345947 41.22800827026367 9.272049903869629 39.67763900756836 7.297200202941895 37.70280075073242 C 5.322360038757324 35.72795104980469 3.771990060806274 33.42855072021484 2.689169883728027 30.86845970153809 C 1.568320035934448 28.21847915649414 1 25.40291976928711 1 22.5 C 1 19.59708023071289 1.568320035934448 16.78152084350586 2.689169883728027 14.13154029846191 C 3.771990060806274 11.57145023345947 5.322360038757324 9.272049903869629 7.297200202941895 7.297200202941895 C 9.272049903869629 5.322360038757324 11.57145023345947 3.771990060806274 14.13154029846191 2.689169883728027 C 16.78152084350586 1.568320035934448 19.59708023071289 1 22.5 1 C 25.40291976928711 1 28.21847915649414 1.568320035934448 30.86845970153809 2.689169883728027 C 33.42855072021484 3.771990060806274 35.72795104980469 5.322360038757324 37.70280075073242 7.297200202941895 C 39.67763900756836 9.272049903869629 41.22800827026367 11.57145023345947 42.31082916259766 14.13154029846191 C 43.43167877197266 16.78152084350586 44 19.59708023071289 44 22.5 C 44 28.67001914978027 41.39635848999023 34.41313934326172 36.668701171875 38.67140960693359 C 34.83676910400391 40.32368850708008 32.70000839233398 41.6280403137207 30.31727981567383 42.54867935180664 C 27.82485961914062 43.51171112060547 25.19474983215332 44 22.5 44 Z" stroke="none"/>
+          <path d="M 22.5 2 C 19.73163986206055 2 17.04714012145996 2.541740417480469 14.52108955383301 3.61016845703125 C 12.0802001953125 4.642578125 9.887641906738281 6.120979309082031 8.004310607910156 8.004310607910156 C 6.120979309082031 9.887641906738281 4.642578125 12.0802001953125 3.61016845703125 14.52108955383301 C 2.541740417480469 17.04714012145996 2 19.73163986206055 2 22.5 C 2 25.26836013793945 2.541740417480469 27.95285987854004 3.61016845703125 30.47891044616699 C 4.642578125 32.9197998046875 6.120979309082031 35.11235809326172 8.004310607910156 36.99568939208984 C 9.887641906738281 38.87902069091797 12.0802001953125 40.357421875 14.52108955383301 41.38983154296875 C 17.04714012145996 42.45825958251953 19.73163986206055 43 22.5 43 C 25.07101058959961 43 27.57986068725586 42.53432083129883 29.95687103271484 41.61589050292969 C 32.22531127929688 40.73941040039062 34.25798797607422 39.49905014038086 35.99943923950195 37.92837905883789 C 40.51382064819336 33.86222076416016 43 28.38298034667969 43 22.5 C 43 19.73163986206055 42.45825958251953 17.04714012145996 41.38983154296875 14.52108955383301 C 40.357421875 12.0802001953125 38.87902069091797 9.887641906738281 36.99568939208984 8.004310607910156 C 35.11235809326172 6.120979309082031 32.9197998046875 4.642578125 30.47891044616699 3.61016845703125 C 27.95285987854004 2.541740417480469 25.26836013793945 2 22.5 2 M 22.5 0 C 34.92641067504883 0 45 10.07358932495117 45 22.5 C 45 29.13570022583008 42.12744903564453 35.10047912597656 37.33795928955078 39.4144401550293 C 33.57048034667969 42.81246185302734 28.29071044921875 45 22.5 45 C 10.07358932495117 45 0 34.92641067504883 0 22.5 C 0 10.07358932495117 10.07358932495117 0 22.5 0 Z" stroke="none" fill="#fff"/>
+        </g>
+      </g>
+      <g transform="matrix(1, 0, 0, 1, 0, 0)" filter="url(#Rectangle_142)">
+        <path id="Rectangle_142-2" data-name="Rectangle 142" d="M5,0H35a0,0,0,0,1,0,0V5a5,5,0,0,1-5,5H0a0,0,0,0,1,0,0V5A5,5,0,0,1,5,0Z" transform="translate(5 35)" fill="#fff"/>
+      </g>
+      <text id="SIN" transform="translate(19 42)" font-size="5" font-family="Ramabhadra"><tspan x="0" y="0">SIN</tspan></text>
+      <path id="Path_329" data-name="Path 329" d="M1795,904.946s6.789-18.456,13.338,0c8.374,18.429,12.316.268,12.389,0" transform="translate(-1785.364 -882.47)" fill="none" stroke="#fff" stroke-width="2" stroke-dasharray="2"/>
+    </g>
+  </g>
+</svg>
diff --git a/source/assets/sprites/GUI/in_game/trinity_site_input_button_4_active.svg b/source/assets/sprites/GUI/in_game/trinity_site_input_button_4_active.svg
new file mode 100644
index 0000000..3389315
--- /dev/null
+++ b/source/assets/sprites/GUI/in_game/trinity_site_input_button_4_active.svg
@@ -0,0 +1,36 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="45" height="45" viewBox="0 0 45 45">
+  <defs>
+    <filter id="Ellipse_632" x="-9" y="-6" width="63" height="63" filterUnits="userSpaceOnUse">
+      <feOffset dy="3" input="SourceAlpha"/>
+      <feGaussianBlur stdDeviation="3" result="blur"/>
+      <feFlood flood-opacity="0.161"/>
+      <feComposite operator="in" in2="blur"/>
+      <feComposite in="SourceGraphic"/>
+    </filter>
+    <filter id="Rectangle_142" x="-4" y="29" width="53" height="28" filterUnits="userSpaceOnUse">
+      <feOffset dy="3" input="SourceAlpha"/>
+      <feGaussianBlur stdDeviation="3" result="blur-2"/>
+      <feFlood flood-opacity="0.161"/>
+      <feComposite operator="in" in2="blur-2"/>
+      <feComposite in="SourceGraphic"/>
+    </filter>
+    <clipPath id="clip-trinity_site_input_button_4_active">
+      <rect width="45" height="45"/>
+    </clipPath>
+  </defs>
+  <g id="trinity_site_input_button_4_active" clip-path="url(#clip-trinity_site_input_button_4_active)">
+    <g id="Group_154" data-name="Group 154">
+      <g transform="matrix(1, 0, 0, 1, 0, 0)" filter="url(#Ellipse_632)">
+        <g id="Ellipse_632-2" data-name="Ellipse 632" fill="#3e66ff" stroke="#fff" stroke-width="2">
+          <circle cx="22.5" cy="22.5" r="22.5" stroke="none"/>
+          <circle cx="22.5" cy="22.5" r="21.5" fill="none"/>
+        </g>
+      </g>
+      <g transform="matrix(1, 0, 0, 1, 0, 0)" filter="url(#Rectangle_142)">
+        <path id="Rectangle_142-2" data-name="Rectangle 142" d="M5,0H35a0,0,0,0,1,0,0V5a5,5,0,0,1-5,5H0a0,0,0,0,1,0,0V5A5,5,0,0,1,5,0Z" transform="translate(5 35)" fill="#fff"/>
+      </g>
+      <text id="SIN" transform="translate(19 42)" font-size="5" font-family="Ramabhadra"><tspan x="0" y="0">SIN</tspan></text>
+      <path id="Path_329" data-name="Path 329" d="M1795,904.946s6.789-18.456,13.338,0c8.374,18.429,12.316.268,12.389,0" transform="translate(-1785.364 -882.47)" fill="none" stroke="#fff" stroke-width="2" stroke-dasharray="2"/>
+    </g>
+  </g>
+</svg>