html, body {
      margin: 0;
      padding: 0;
      overflow: hidden;
      background: #000;
      font-family: Arial, sans-serif;
    }
    .header {
      position: absolute;
      top: 10px;
      left: 50%;
      transform: translateX(-50%);
      z-index: 2;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 8px;
      color: #b9ffcc;
      font-family: "Courier New", Courier, monospace;
      text-transform: uppercase;
      letter-spacing: 0.12em;
    }
    .nav {
      display: flex;
      gap: 10px;
      flex-wrap: wrap;
      justify-content: center;
    }
    .nav a {
      color: #00ff66;
      text-decoration: none;
      border: 1px solid rgba(0, 255, 102, 0.35);
      padding: 4px 10px;
      font-size: 11px;
      letter-spacing: 0.12em;
    }
    .nav a.active {
      box-shadow: 0 0 8px rgba(0, 255, 120, 0.6);
    }
    #info {
      position: absolute;
      top: 10px;
      left: 10px;
      color: #fff;
      background: rgba(0,0,0,0.5);
      padding: 8px 12px;
      border-radius: 4px;
      font-size: 14px;
      pointer-events: none;
    }