* {
  box-sizing: border-box;
}
body,
html {
  background-image: url(../Images/Base_Color.png);
  padding: 0;
  height: 100%;
}

@font-face {
  font-family: "AdobeHeitiStd-Regular";
  src: url("../Fonts/AdobeHeitiStd-Regular.otf") format("opentype");
  font-weight: normal;
}

@font-face {
  font-family: "GmarketSansTTFBold";
  src: url(../Fonts/GmarketSansTTFBold_0.ttf) format("truetype");
  font-weight: bold;
}

@font-face {
  font-family: "GmarketSansTTFMedium";
  src: url("../Fonts/GmarketSansTTFMedium_0.ttf") format("truetype");
}

@font-face {
  font-family: "GmarketSansTTFLight";
  src: url("../Fonts/GmarketSansTTFLight_0.ttf") format("truetype");
  font-weight: lighter;
}

* {
  font-family: "AdobeHeitiStd-Regular";
}

#header a {
  font-family: "AdobeHeitiStd-Regular";
}

#sub-bunner-title {
  font-family: "AdobeHeitiStd-Regular";
}

/* For Firefox */
html {
  scrollbar-width: thin; /* Options: auto, thin, none */
  scrollbar-color: rgb(189, 189, 204) transparent; /* Thumb and track colors */
}

::-webkit-scrollbar-thumb {
  border-radius: 8px; /* Optional: Rounded corners */
}

#results_container {
  box-sizing: border-box;
  position: absolute;
  white-space: nowrap; /* Prevents line breaks */
  overflow-x: auto; /* Enables horizontal scrolling */
  overflow-y: hidden;
  width: 88.5%;
  height: 100%;
  left: 50%;
  top: 50%;
  padding: 2px 0px;
  transform: translate(-50%, -50%);
  background-position: center;
  background-size: cover;
  scrollbar-width: none;
  scroll-behavior: smooth;
}

.history_item {
  margin: 0;
  max-height: 100%;
  position: relative;
  width: 9.2%;
  height: 100%;
  display: inline-flex;
  border-left: 1px solid #444;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly; /* Space items evenly */
  overflow: hidden; /* Prevents overflow */
  box-sizing: border-box; /* Includes padding in height calculation */
}
.history_item:last-child {
  border-right: 1px solid #444;
}

.history_item img {
  width: 40%;
}

.history_item .fight {
  width: 99%;
  /* margin-bottom: 80%; */
}