* {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  min-height: 100vh;
  font-family:
    Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;
}

.safe-x {
  padding-left: max(1.25rem, env(safe-area-inset-left));
  padding-right: max(1.25rem, env(safe-area-inset-right));
}

.safe-bottom {
  padding-bottom: env(safe-area-inset-bottom, 0px);
}

button,
input,
select {
  font: inherit;
}

.match-card {
  box-shadow: 0 16px 40px rgb(24 24 27 / 0.08);
}

.odds-strip {
  background:
    linear-gradient(90deg, rgb(250 204 21 / 0.18), transparent),
    linear-gradient(180deg, #ffffff, #f8fafc);
}