/* ==============================
   Global Reset & Touch Optimization
   ============================== */

/* Remove tap highlight (blue tint on mobile) */
* {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; /* Prevents long-press context menu */
  touch-action: manipulation; /* Improves touch responsiveness */
}

/* Remove focus outline (optional) */
*:focus {
  outline: none;
}

/* Prevent text selection (optional, useful for draggable elements) */
body {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

/* Prevent scroll bouncing on iOS */
html, body {
  overscroll-behavior: none;
}

/* Smooth scrolling for better touch experience */
html {
  scroll-behavior: smooth;
}

/* ==============================
   Basic Styling (Customize as needed)
   ============================== */

body {
  font-family: Oswald, system-ui, sans-serif;
  background: #000000;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  font-size: 16px;
}

p {
  margin: 0, 0, 0,0;
  padding: 0px;

}



/* Sample button styling */
button {
  width: 100%;
  background: #FFFFFF;
  color: #000000;
  border: none;
  padding: 10px 20px;
  cursor: pointer;
  font-size: 16px;
  font-family: Oswald, system-ui, sans-serif;
  margin-top: 24px;

}

button:active {
  background: #EDEDED;
  color: #FC3636;
  margin-top: 27px;
  margin-bottom: -3px;

}





/* ==============================
   Utility Classes
   ============================== */

.no-select {
  user-select: none;
}

.hidden {
  display: none;
}

.center {
  display: flex;
  justify-content: center;
  align-items: center;
}