<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>D&D Party Dashboard</title>
    <script type="module" crossorigin src="/assets/index-DOKum7c_.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-Cr9FtdPC.css">
  </head>
  <body class="bg-dnd-dark">
    <div id="root"></div>
    <!-- WHY: Inline SVG filter used by the paper & pencil theme to give panel/
         card borders a hand-drawn "pencil" wobble (see index.css html.theme-paper
         .card::before / .panel::before). Kept in the DOM but visually hidden. -->
    <svg width="0" height="0" style="position:absolute" aria-hidden="true">
      <filter id="pencil" x="-20%" y="-20%" width="140%" height="140%">
        <feTurbulence type="fractalNoise" baseFrequency="0.018" numOctaves="3" seed="7" result="noise" />
        <feDisplacementMap in="SourceGraphic" in2="noise" scale="3.5" xChannelSelector="R" yChannelSelector="G" />
      </filter>
      <!-- WHY: gentler wobble for inputs/selects so the typed text stays readable
           while the border still reads as a pencil stroke. -->
      <filter id="pencil-soft" x="-15%" y="-15%" width="130%" height="130%">
        <feTurbulence type="fractalNoise" baseFrequency="0.02" numOctaves="2" seed="3" result="noise" />
        <feDisplacementMap in="SourceGraphic" in2="noise" scale="1.6" xChannelSelector="R" yChannelSelector="G" />
      </filter>
    </svg>
  </body>
</html>
