:root {
      color-scheme: dark;
    }
    body {
      font-family: 'Inter', system-ui, -apple-system, sans-serif;
      background-color: #030811;
      color: #E2E8F0;
      overflow-x: hidden;
    }
    .font-mono-tech {
      font-family: 'JetBrains Mono', monospace;
    }
    /* Blueprint CAD grid overlay */
    .cad-grid-bg {
      background-image:
        linear-gradient(to right, rgba(34, 211, 238, 0.05) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(34, 211, 238, 0.05) 1px, transparent 1px);
      background-size: 36px 36px;
    }
    .glass-panel {
      background: rgba(6, 16, 30, 0.78);
      backdrop-filter: blur(14px);
      -webkit-backdrop-filter: blur(14px);
      border: 1px solid rgba(34, 211, 238, 0.18);
    }
    .glass-panel-hover {
      transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .glass-panel-hover:hover {
      border-color: rgba(34, 211, 238, 0.5);
      box-shadow: 0 12px 32px -8px rgba(6, 182, 212, 0.22);
      transform: translateY(-2px);
    }
    /* Custom range sliders for naval telemetry */
    input[type=range].naval-slider {
      -webkit-appearance: none;
      appearance: none;
      width: 100%;
      height: 6px;
      background: rgba(18, 41, 74, 0.9);
      border-radius: 999px;
      border: 1px solid rgba(34, 211, 238, 0.25);
      outline: none;
    }
    input[type=range].naval-slider::-webkit-slider-thumb {
      -webkit-appearance: none;
      appearance: none;
      width: 18px;
      height: 18px;
      border-radius: 50%;
      background: #22D3EE;
      border: 2px solid #030811;
      box-shadow: 0 0 10px rgba(34, 211, 238, 0.8);
      cursor: pointer;
    }
    input[type=range].naval-slider::-moz-range-thumb {
      width: 18px;
      height: 18px;
      border-radius: 50%;
      background: #22D3EE;
      border: 2px solid #030811;
      box-shadow: 0 0 10px rgba(34, 211, 238, 0.8);
      cursor: pointer;
    }
    .hud-corner {
      position: relative;
    }
    .hud-corner::before,
    .hud-corner::after {
      content: '';
      position: absolute;
      width: 10px;
      height: 10px;
      border-color: #22D3EE;
      pointer-events: none;
    }
    .hud-corner::before {
      top: -1px;
      left: -1px;
      border-top: 2px solid #22D3EE;
      border-left: 2px solid #22D3EE;
    }
    .hud-corner::after {
      bottom: -1px;
      right: -1px;
      border-bottom: 2px solid #22D3EE;
      border-right: 2px solid #22D3EE;
    }