diff --git a/src/components/AurumSiphonGame.module.css b/src/components/AurumSiphonGame.module.css
deleted file mode 100644
index 3376794..0000000
--- a/src/components/AurumSiphonGame.module.css
+++ /dev/null
@@ -1,413 +0,0 @@
-.gameContainer {
- position: relative;
- width: 100%;
- height: 100vh;
- overflow: hidden;
- background: linear-gradient(180deg, #000033 0%, #000066 100%);
-}
-
-.sceneContainer {
- width: 100%;
- height: 100%;
-}
-
-.hud {
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- pointer-events: none;
- z-index: 10;
-}
-
-.hudTop {
- display: flex;
- justify-content: space-between;
- padding: 20px;
- background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, transparent 100%);
-}
-
-.levelIndicator {
- display: flex;
- flex-direction: column;
- align-items: center;
- padding: 10px 20px;
- background: rgba(0, 50, 100, 0.3);
- border: 1px solid rgba(0, 150, 255, 0.5);
- border-radius: 8px;
- backdrop-filter: blur(10px);
-}
-
-.scoreDisplay {
- display: flex;
- flex-direction: column;
- align-items: center;
- padding: 10px 20px;
- background: rgba(0, 50, 100, 0.3);
- border: 1px solid rgba(0, 150, 255, 0.5);
- border-radius: 8px;
- backdrop-filter: blur(10px);
- margin-right: 170px; /* Make room for minimap */
- min-width: 250px; /* Ensure space for position display */
-}
-
-.label {
- font-size: 12px;
- color: #88ccff;
- text-transform: uppercase;
- letter-spacing: 1px;
- margin-bottom: 5px;
-}
-
-.value {
- font-size: 24px;
- font-weight: bold;
- color: #ffffff;
- text-shadow: 0 0 10px rgba(0, 150, 255, 0.8);
-}
-
-.resourceBar {
- position: absolute;
- bottom: 20px;
- left: 50%;
- transform: translateX(-50%);
- display: flex;
- gap: 20px;
- padding: 15px 30px;
- background: rgba(0, 30, 60, 0.8);
- border: 1px solid rgba(0, 150, 255, 0.5);
- border-radius: 30px;
- backdrop-filter: blur(10px);
-}
-
-.resourceItem {
- display: flex;
- align-items: center;
- gap: 8px;
-}
-
-.resourceIcon {
- font-size: 20px;
-}
-
-.resourceValue {
- font-size: 16px;
- color: #ffffff;
- font-weight: 500;
-}
-
-.miniMap {
- position: absolute;
- top: 20px;
- right: 20px;
- width: 150px;
- height: 150px;
- background: rgba(0, 20, 40, 0.8);
- border: 2px solid rgba(0, 150, 255, 0.5);
- border-radius: 8px;
- overflow: hidden;
- z-index: 15;
-}
-
-.miniMapCanvas {
- width: 100%;
- height: 100%;
-}
-
-.controls {
- position: absolute;
- bottom: 100px;
- right: 20px;
- display: flex;
- flex-direction: column;
- gap: 10px;
- z-index: 20;
-}
-
-.boostButton,
-.funnelButton {
- padding: 12px 24px;
- background: linear-gradient(135deg, #0066cc 0%, #004499 100%);
- border: 2px solid rgba(0, 150, 255, 0.8);
- border-radius: 8px;
- color: white;
- font-weight: bold;
- font-size: 14px;
- text-transform: uppercase;
- letter-spacing: 1px;
- cursor: pointer;
- transition: all 0.3s ease;
- box-shadow: 0 4px 15px rgba(0, 100, 200, 0.3);
-}
-
-.boostButton:hover,
-.funnelButton:hover {
- background: linear-gradient(135deg, #0088ff 0%, #0066cc 100%);
- box-shadow: 0 6px 20px rgba(0, 150, 255, 0.5);
- transform: translateY(-2px);
-}
-
-.boostButton:active,
-.funnelButton:active {
- transform: translateY(0);
-}
-
-.mobileJoystick {
- position: absolute;
- width: 120px;
- height: 120px;
- border: 2px solid rgba(255, 255, 255, 0.3);
- border-radius: 50%;
- background: rgba(0, 50, 100, 0.2);
- touch-action: none;
- display: none;
- z-index: 25;
-}
-
-.leftJoystick {
- bottom: 30px;
- left: 30px;
-}
-
-.rightJoystick {
- bottom: 30px;
- right: 30px;
-}
-
-.joystickKnob {
- position: absolute;
- width: 40px;
- height: 40px;
- background: radial-gradient(circle, rgba(0, 150, 255, 0.8) 0%, rgba(0, 100, 200, 0.6) 100%);
- border: 2px solid rgba(255, 255, 255, 0.6);
- border-radius: 50%;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- pointer-events: none;
-}
-
-.levelComplete {
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- background: linear-gradient(135deg, rgba(0, 50, 100, 0.95) 0%, rgba(0, 30, 70, 0.95) 100%);
- border: 2px solid rgba(0, 200, 255, 0.8);
- border-radius: 20px;
- padding: 40px;
- text-align: center;
- color: white;
- display: none;
- z-index: 100;
- box-shadow: 0 10px 50px rgba(0, 100, 200, 0.5);
-}
-
-.levelComplete h2 {
- font-size: 36px;
- margin-bottom: 20px;
- text-shadow: 0 0 20px rgba(0, 200, 255, 0.8);
-}
-
-.levelComplete p {
- font-size: 18px;
- margin-bottom: 30px;
- color: #88ccff;
-}
-
-.levelComplete button {
- padding: 15px 40px;
- background: linear-gradient(135deg, #00ff88 0%, #00cc66 100%);
- border: none;
- border-radius: 8px;
- color: #003322;
- font-weight: bold;
- font-size: 18px;
- cursor: pointer;
- transition: all 0.3s ease;
- text-transform: uppercase;
- letter-spacing: 2px;
-}
-
-.levelComplete button:hover {
- background: linear-gradient(135deg, #44ffaa 0%, #00ff88 100%);
- box-shadow: 0 5px 20px rgba(0, 255, 136, 0.5);
- transform: scale(1.05);
-}
-
-@media (max-width: 768px) and (hover: none) and (pointer: coarse) {
- .mobileJoystick {
- display: block;
- }
-
- .controls {
- bottom: 160px;
- right: 50%;
- transform: translateX(50%);
- flex-direction: row;
- }
-
- .hudTop {
- padding: 10px;
- }
-
- .levelIndicator,
- .scoreDisplay {
- padding: 8px 12px;
- }
-
- .label {
- font-size: 10px;
- }
-
- .value {
- font-size: 18px;
- }
-
- .miniMap {
- width: 100px;
- height: 100px;
- }
-
- .resourceBar {
- bottom: 10px;
- padding: 10px 20px;
- gap: 15px;
- }
-
- .resourceValue {
- font-size: 14px;
- }
-}
-
-.helpButton {
- position: absolute;
- top: 20px;
- left: 20px;
- width: 40px;
- height: 40px;
- border-radius: 50%;
- background: rgba(0, 100, 200, 0.8);
- border: 2px solid rgba(0, 200, 255, 0.8);
- color: white;
- font-size: 24px;
- font-weight: bold;
- cursor: pointer;
- z-index: 30;
- transition: all 0.3s ease;
-}
-
-.helpButton:hover {
- background: rgba(0, 150, 255, 0.9);
- transform: scale(1.1);
-}
-
-.helpScreen {
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- background: rgba(0, 0, 0, 0.9);
- display: none;
- z-index: 200;
- overflow-y: auto;
-}
-
-.helpContent {
- position: relative;
- max-width: 800px;
- margin: 50px auto;
- padding: 40px;
- background: linear-gradient(135deg, rgba(0, 50, 100, 0.95) 0%, rgba(0, 30, 70, 0.95) 100%);
- border: 2px solid rgba(0, 200, 255, 0.8);
- border-radius: 20px;
- color: white;
-}
-
-.helpClose {
- position: absolute;
- top: 20px;
- right: 20px;
- width: 40px;
- height: 40px;
- background: rgba(255, 50, 50, 0.8);
- border: none;
- border-radius: 50%;
- color: white;
- font-size: 28px;
- cursor: pointer;
- transition: all 0.3s ease;
-}
-
-.helpClose:hover {
- background: rgba(255, 100, 100, 0.9);
- transform: scale(1.1);
-}
-
-.helpContent h2 {
- text-align: center;
- font-size: 32px;
- margin-bottom: 30px;
- text-shadow: 0 0 20px rgba(0, 200, 255, 0.8);
-}
-
-.helpSection {
- margin-bottom: 30px;
-}
-
-.helpSection h3 {
- font-size: 20px;
- margin-bottom: 15px;
- color: #88ccff;
-}
-
-.controlsList {
- display: grid;
- grid-template-columns: 1fr 1fr;
- gap: 10px;
-}
-
-.controlsList div {
- padding: 5px;
-}
-
-.controlsList kbd {
- display: inline-block;
- padding: 3px 8px;
- background: rgba(255, 255, 255, 0.1);
- border: 1px solid rgba(255, 255, 255, 0.3);
- border-radius: 4px;
- font-family: monospace;
- font-size: 14px;
- margin-right: 8px;
-}
-
-.helpSection ul {
- list-style: none;
- padding-left: 0;
-}
-
-.helpSection li {
- margin-bottom: 10px;
- padding-left: 20px;
- position: relative;
-}
-
-.helpSection li:before {
- content: "•";
- position: absolute;
- left: 0;
- color: #88ccff;
-}
-
-@media (max-width: 768px) {
- .helpContent {
- margin: 20px;
- padding: 20px;
- }
-
- .controlsList {
- grid-template-columns: 1fr;
- }
-}
\ No newline at end of file
diff --git a/src/components/Navigation.tsx b/src/components/Navigation.tsx
index 58e3b60..a8051f8 100644
--- a/src/components/Navigation.tsx
+++ b/src/components/Navigation.tsx
@@ -97,7 +97,6 @@ const Navigation = ({ className }: NavigationProps) => {
Golf
Party
Quest
- Aurum Siphon