/* roulang page: index */
:root {
      --bg-dark: #090d16;
      --panel-dark: #111827;
      --border-hud: #334155;
      --accent: #f97316;
    }
    body {
      background-color: #f8fafc;
      color: #1e293b;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
    }
    .hud-panel {
      background: linear-gradient(135deg, rgba(15, 23, 42, 0.95), rgba(30, 41, 59, 0.85));
      border: 1px solid rgba(249, 115, 22, 0.25);
      box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.3), inset 0 0 12px rgba(249, 115, 22, 0.05);
    }
    .hud-grid {
      background-size: 24px 24px;
      background-image: linear-gradient(to right, rgba(255, 255, 255, 0.04) 1px, transparent 1px),
                        linear-gradient(to bottom, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
    }
    .tag-glow {
      box-shadow: 0 0 8px rgba(249, 115, 22, 0.3);
    }