/* generated by build.mjs — edit themes/themes.mjs instead */
:root {
  --bg: #171003;
  --bg-gradient: radial-gradient(70% 50% at 50% -5%, rgba(233,162,59,0.24), transparent 65%);
  --surface: rgba(35,25,10,0.8);
  --ink: #f6ead5;
  --ink-dim: #a99274;
  --accent: #e9a23b;
  --accent-2: #5b8c7e;
  --on-accent: #211603;
  --line: rgba(233,162,59,0.2);
  --sign-ink: #e9a23b;
  --sign-tracking: 0.08em;
  --sign-shadow: 0 3px 0 rgba(0,0,0,0.5);
  --card-radius: 2px;
  --grain-opacity: 0.09;
  --font-display: "Alfa Slab One", Georgia, serif;
  --font-body: "Inter", system-ui, -apple-system, sans-serif;
  --grain-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
      .bulb{position:absolute;top:0;left:50%;width:2px;height:14vh;background:#e9a23b44}
      .bulb::after{content:"";position:absolute;left:50%;bottom:-13px;transform:translateX(-50%);
        width:26px;height:26px;border-radius:50%;background:#ffd88a;
        box-shadow:0 0 60px 26px rgba(233,162,59,.35)}
      .packets{position:absolute;top:0;left:38vw;right:0;display:flex;justify-content:space-around;
        padding:0 3vw;opacity:.9}
      .packets i{width:34px;height:74px;border-radius:0 0 5px 5px;animation-delay:var(--d);
        background:linear-gradient(180deg,#5b8c7e,#5b8c7e 40%,#e9a23b 40%,#c0392b);
        clip-path:polygon(0 0,100% 0,88% 100%,12% 100%)}
      .packets i:nth-child(even){background:linear-gradient(180deg,#c0392b,#c0392b 45%,#e9a23b)}
      .scale{position:absolute;right:3vw;bottom:4vh;width:min(240px,30vw);opacity:.35}
      @media(max-width:640px){.scale{opacity:.15}.packets i{width:22px;height:52px}}