html, body { margin: 0; padding: 0; background: #0a0908; font-family: 'Inter', system-ui, sans-serif; }
  * { box-sizing: border-box; }
  /* Responsive header: hide nav below 1100px; header padding shrinks */
  @media (max-width: 1100px) {
    .bfc-nav { display: none !important; }
  }
  @media (max-width: 640px) {
    .bfc-wordmark { display: none !important; }
  }
  /* Tweaks panel */
  .tweaks-panel {
    position: fixed; bottom: 24px; right: 24px; z-index: 200;
    background: #1a1612; color: #f2ede4; border-radius: 12px;
    padding: 20px; min-width: 300px; box-shadow: 0 20px 60px rgba(0,0,0,.35);
    font-family: -apple-system, system-ui, sans-serif; font-size: 13px;
    display: none;
  }
  .tweaks-panel.active { display: block; }
  .tweaks-panel h3 { margin: 0 0 14px; font-size: 14px; font-weight: 600; letter-spacing: 0.5px; text-transform: uppercase; color: #d4af79; }
  .tweaks-row { display: flex; justify-content: space-between; align-items: center; padding: 8px 0; border-bottom: 1px solid rgba(255,255,255,0.08); }
  .tweaks-row:last-child { border-bottom: none; }
  .tweaks-row label { color: rgba(242,237,228,0.6); font-size: 12px; text-transform: uppercase; letter-spacing: 1px; }
  .tweaks-row select {
    background: #0a0908; color: #f2ede4; border: 1px solid rgba(255,255,255,0.12);
    padding: 6px 10px; border-radius: 6px; font-size: 12px; font-family: inherit;
  }
  .color-row { display: flex; gap: 6px; }
  .color-row button { width: 22px; height: 22px; border-radius: 11px; border: 2px solid transparent; cursor: pointer; padding: 0; }
  .color-row button.active { border-color: #fff; }