NEOS TACTICAL OPERATIONS CENTER

by velo_ninja

HTML

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>NEOS TACTICAL OPERATIONS CENTER</title>
  <style>
    :root {
      --primary-glow: #ff006e;
      --primary-glow-soft: rgba(255, 0, 110, 0.35);
      --secondary-glow: #00f3ff;
      --secondary-glow-soft: rgba(0, 243, 255, 0.25);
      --danger-glow: #ff2a6d;
      --danger-glow-soft: rgba(255, 42, 109, 0.4);
      --bg-dark: #030308;
      --panel-bg: #0a0a14;
      --glass-bg: rgba(15, 15, 30, 0.65);
      --text-primary: #e0e0ff;
      --text-secondary: #8a8aad;
      --border-primary: rgba(100, 100, 255, 0.12);
      --border-secondary: rgba(0, 200, 255, 0.15);
      --success: #00f3ff;
      --warning: #ffcc00;
      --critical: #ff2a6d;
    }

    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    body {
      background: var(--bg-dark);
      color: var(--text-primary);
      font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
      display: flex;
      justify-content: center;
      align-items: center;
      min-height: 100vh;
      overflow: hidden;
      padding: 12px;
      position: relative;
      overscroll-behavior: none;
    }

    body::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: 
        radial-gradient(circle at 10% 20%, rgba(0, 40, 80, 0.15) 0%, transparent 20%),
        radial-gradient(circle at 90% 80%, rgba(60, 0, 80, 0.15) 0%, transparent 20%);
      z-index: -1;
      pointer-events: none;
    }

    .toc-container {
      width: 100%;
      max-width: 1200px;
      display: grid;
      grid-template-columns: 1fr 320px;
      gap: 16px;
    }

    .main-display {
      display: grid;
      grid-template-rows: auto 1fr auto;
      gap: 16px;
    }

    .tactical-panel {
     ...