/* ============================================================
   High Point Gamer — Global Stylesheet
   Design System: "The Monolith"
   ============================================================ */

/* ── Material Symbols ── */
.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* ── Monolith Hero Gradient ── */
.monolith-gradient {
  background: linear-gradient(180deg, rgba(14,14,14,0) 0%, rgba(10,10,10,1) 100%);
}

/* ── Base ── */
html { scroll-behavior: smooth; }

/* ── Form Loading Bar ── */
.loading-bar-track {
  height: 3px;
  background: #1c1b1b;
  overflow: hidden;
}
.loading-bar-fill {
  height: 100%;
  width: 40%;
  background: #f58318;
  animation: loading-slide 1.1s ease-in-out infinite;
}
@keyframes loading-slide {
  0%   { transform: translateX(-150%); }
  100% { transform: translateX(350%); }
}