Update index.html

index.html

@@ -365,11 +365,85 @@
             z-index: 11;
         }
         
-        /* RWR 방향 표시 */
-        .rwr-direction-marks {
+        /* RWR 위협 표시 */
+        .rwr-threat {
             position: absolute;
-            width: 100%;
-            height: 100%;
+            width: 15px;
+            height: 15px;
+            transform: translate(-50%, -50%);
+            text-align: center;
+            font-size: 10px;
+            font-weight: bold;
+            z-index: 5;
+        }
+        
+        /* RWR 락온 방향선 */
+        .rwr-lock-line {
+            position: absolute;
+            background: #ff0000;
+            height: 2px;
+            transform-origin: left center;
+            z-index: 4;
+            animation: lock-pulse 0.5s infinite;
+        }
+        
+        @keyframes lock-pulse {
+            0%, 100% { opacity: 1; }
+            50% { opacity: 0.3; }
+        }
+        
+        /* 미사일 경고 패널 */
+        .missile-warning-panel {
+            position: fixed;
+            top: 50%;
+            right: 20px;
+            transform: translateY(-50%);
+            background: rgba(255, 0, 0, 0.2);
+            border: 2px solid #ff0000;
+            border-radius: 5px;
+            padding: 10px;
+            z-index: 1500;
+            min-width: 200px;
+        }
+        
+        .missile-warning-item {
+            color: #ff0000;
+            font-size: 16px;
+            font-weight: bold;
+            margin: 5px 0;
+            text-shadow: 0 0 5px #ff0000;
+            animation: warning-blink 0.3s infinite;
+        }
+        
+        @keyframes warning-blink {
+            0%, 50% { opacity: 1; }
+            51%, 100% { opacity: 0.7; }
+        }
+        
+        /* 락온 경고 화살표 */
+        .lock-warning-arrow {
+            position: fixed;
+            width: 40px;
+            height: 40px;
+            z-index: 1400;
+            pointer-events: none;
+        }
+        
+        .lock-warning-arrow::before {
+            content: '▲';
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+            font-size: 30px;
+            color: #ffff00;
+            text-shadow: 0 0 10px #ffff00, 0 0 20px #ffff00;
+            animation: arrow-blink 0.5s infinite;
+        }
+        
+        @keyframes arrow-blink {
+            0%, 50% { opacity: 1; }
+            51%, 100% { opacity: 0.3; }
         }
         
         .rwr-direction-text {