diff --git a/apps/frontend/src/styles/retro.css b/apps/frontend/src/styles/retro.css
index a3e769f..04e52b3 100644
--- a/apps/frontend/src/styles/retro.css
+++ b/apps/frontend/src/styles/retro.css
@@ -1114,3 +1114,39 @@
   box-shadow: none !important;
   padding: 2px 10px !important;
 }
+
+/* ---- FONT AWESOME ICONS ---- */
+/* the global * font-family override would break the icon font — restore it */
+.retro-mode .fa-solid,
+.retro-mode .fa-regular {
+  font-family: "Font Awesome 7 Free" !important;
+}
+
+.retro-mode .fa-brands {
+  font-family: "Font Awesome 7 Brands" !important;
+}
+
+/* icon accent colors → 168/bright palette */
+.retro-mode .text-yellow-500 { color: #ffff00 !important; }
+
+.retro-mode i.text-purple-600,
+.retro-mode i.text-indigo-500 { color: #00ffff !important; }
+
+/* nav-card icons sit on the cyan-black texture — black like tui cyan controls */
+.retro-mode .nav-card-icon i { color: #000 !important; }
+
+/* AI-notice robot: no pastel circle on the blue window, cyan icon */
+.retro-mode .border-indigo-100 .bg-indigo-50 { background-color: transparent !important; }
+
+/* ---- PLATFORM BADGES — 168-value colors, matching status badges ---- */
+.retro-mode .platform-badge {
+  padding: 0 6px !important;
+  font-size: 12px !important;
+  border: none !important;
+}
+
+.retro-mode .platform-tic80      { background-color: #00a8a8 !important; color: #000 !important; }
+.retro-mode .platform-ebitengine { background-color: #a80000 !important; color: #fff !important; }
+.retro-mode .platform-love       { background-color: #a800a8 !important; color: #fff !important; }
+.retro-mode .platform-godot      { background-color: #0000a8 !important; color: #fff !important; border: 2px solid #a8a8a8 !important; }
+.retro-mode .platform-other      { background-color: #a800a8 !important; color: #fff !important; }