:root {
    --black: #0a0a0a;
    --yellow: #FFE000;
    --red: #FF2D2D;
    --white: #F5F5F0;
    --gray: #1a1a1a;
    --mid: #2a2a2a;
  }

  html { scroll-behavior: smooth; }
  #merch { scroll-margin-top: 68px; }
  * { margin: 0; padding: 0; box-sizing: border-box; }

  body {
    background: var(--black);
    color: var(--white);
    font-family: 'DM Sans', sans-serif;
    overflow-x: hidden;
  }

  /* Login gate */
  #login-gate {
    position: fixed; inset: 0; z-index: 99999;
    background: var(--black);
    display: flex; align-items: center; justify-content: center;
  }
  #login-gate.hidden { display: none; }
  #login-gate form {
    display: flex; flex-direction: column; align-items: center; gap: 1rem;
    width: 280px;
  }
  #login-gate h1 {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 2.4rem; letter-spacing: 4px; color: var(--yellow);
    margin-bottom: 0.5rem;
  }
  #login-gate input {
    background: #111; border: 1px solid #333; color: var(--white);
    font-family: 'Space Mono', monospace; font-size: 0.9rem;
    padding: 0.9rem 1.25rem; outline: none; width: 100%; text-align: center;
  }
  #login-gate input:focus { border-color: var(--yellow); }
  #login-gate button {
    background: var(--yellow); color: var(--black);
    font-family: 'Space Mono', monospace; font-size: 0.8rem;
    font-weight: 700; letter-spacing: 2px; text-transform: uppercase;
    padding: 0.9rem 2.5rem; border: none; cursor: pointer; width: 100%;
  }
  #login-gate .gate-err {
    font-family: 'Space Mono', monospace; font-size: 0.65rem;
    color: var(--red); letter-spacing: 1px; min-height: 1rem;
  }