diff --git a/webradar/index.html b/webradar/index.html
index 2da3836..8682068 100644
--- a/webradar/index.html
+++ b/webradar/index.html
@@ -1,47 +1,70 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>radarflow</title>
-    <link href="styles.css" rel="stylesheet" type="text/css"/>
+    <link href="styles.css" rel="stylesheet" type="text/css" />
 </head>
+
 <body>
     <div id="canvasContainer">
         <div id="settingsHolder">
             <div class="settings">
                 <div>
-                    <input type="checkbox" onclick="toggleZoom()" id="zoomCheck" name="zoom"/>
+                    <input type="checkbox" onclick="toggleZoom()" id="zoomCheck" name="zoom" />
                     <label for="zoomCheck">Zoom</label>
                 </div>
                 <div>
-                    <input type="checkbox" onclick="toggleStats()" id="statsCheck" name="stats"/>
+                    <input type="checkbox" onclick="toggleStats()" id="statsCheck" name="stats" />
                     <label for="statsCheck">Stats</label>
                 </div>
                 <div>
-                    <input type="checkbox" onclick="toggleNames()" id="namesCheck" name="names"/>
+                    <input type="checkbox" onclick="toggleNames()" id="namesCheck" name="names" />
                     <label for="namesCheck">Player Names</label>
                 </div>
                 <div>
-                    <input type="checkbox" onclick="toggleGuns()" id="gunsCheck" name="guns"/>
+                    <input type="checkbox" onclick="toggleGuns()" id="gunsCheck" name="guns" />
                     <label for="gunsCheck">Weapons</label>
                 </div>
                 <div>
-                    <input type="checkbox" onclick="toggleRotate()" id="rotateCheck" name="rotate" checked/>
+                    <input type="checkbox" onclick="toggleRotate()" id="rotateCheck" name="rotate" checked />
                     <label for="rotateCheck">Rotate Map</label>
                 </div>
                 <div>
-                    <input type="checkbox" onclick="toggleCentered()" id="centerCheck" name="center" checked/>
+                    <input type="checkbox" onclick="toggleCentered()" id="centerCheck" name="center" checked />
                     <label for="centerCheck">Player Centered</label>
                 </div>
-                <div>
-                    <input type="checkbox" onclick="toggleMoneyReveal()" id="moneyReveal" name="money"/>
-                    <label for="moneyReveal">Money Reveal (DANGEROUS!)</label>
+
+                <button id="showDangerousBtn" onclick="toggleDangerousOptions()">Show Dangerous Options</button>
+
+                <div class="dangerous-options" id="dangerousOptions">
+                    <div>
+                        <input type="checkbox" onclick="toggleMoneyReveal()" id="moneyReveal" name="money" />
+                        <label for="moneyReveal">Money Reveal (Write Memory)</label>
+                    </div>
                 </div>
             </div>
         </div>
         <canvas id="canvas"></canvas>
     </div>
     <script src="script.js"></script>
+
+    <script>
+        function toggleDangerousOptions() {
+            const dangerousSection = document.getElementById('dangerousOptions');
+            const button = document.getElementById('showDangerousBtn');
+
+            if (dangerousSection.classList.contains('revealed')) {
+                dangerousSection.classList.remove('revealed');
+                button.textContent = 'Show Dangerous Options';
+            } else {
+                dangerousSection.classList.add('revealed');
+                button.textContent = 'Hide Dangerous Options';
+            }
+        }
+    </script>
 </body>
+
 </html>
\ No newline at end of file
diff --git a/webradar/styles.css b/webradar/styles.css
index d3732ef..bc649f4 100644
--- a/webradar/styles.css
+++ b/webradar/styles.css
@@ -1,11 +1,11 @@
-body {    
+body {
     margin: 0;
     overflow: hidden;
     display: flex;
     justify-content: center;
     align-items: center;
     height: 100vh;
-    background-color: #000000; /* Change the background color as needed */
+    background-color: #000000;
     background-image: url('assets/image/background.png');
     background-repeat: repeat;
     background-size: 128px 128px;
@@ -39,7 +39,7 @@ canvas {
 #settingsHolder .settings {
     display: flex;
     flex-direction: column;
-    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
     color: white;
     visibility: visible;
     opacity: 0.8;
@@ -56,22 +56,51 @@ canvas {
 .settings {
     display: flex;
     flex-direction: column;
-    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
     color: white;
     visibility: visible;
     opacity: 0;
     padding: 10px;
-    background-color: rgba(25, 25, 25, 0.7); /* Semi-transparent white background */
-    transition: opacity 0.3s ease; /* Smooth transition */
+    background-color: rgba(25, 25, 25, 0.7);
+    transition: opacity 0.3s ease;
 }
 
-@media (max-width: 600px), (max-height: 600px) {
+.dangerous-options {
+    display: none;
+    border-top: 1px solid rgba(255, 0, 0, 0.5);
+    margin-top: 10px;
+    padding-top: 10px;
+}
+
+.dangerous-options.revealed {
+    display: block;
+}
+
+#showDangerousBtn {
+    background-color: #6b0000;
+    color: white;
+    border: none;
+    padding: 5px 10px;
+    margin-top: 10px;
+    border-radius: 3px;
+    cursor: pointer;
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+    transition: background-color 0.3s;
+}
+
+#showDangerousBtn:hover {
+    background-color: #8a0000;
+}
+
+@media (max-width: 600px),
+(max-height: 600px) {
     #settingsHolder {
         display: none;
     }
 }
 
-@media (max-width: 400px), (max-height: 400px) {
+@media (max-width: 400px),
+(max-height: 400px) {
     #canvasContainer::before {
         content: 'settings';
         position: fixed;
