/*! tailwindcss v4.1.7 | MIT License | https://tailwindcss.com */
.page-item {
  width: 100dvw;
  height: 100dvh;
  overflow: hidden;
}
.bg-gradient-logo {
  background-image: linear-gradient(#6184fa, #6184fa),
    linear-gradient(#2050fa, #bad6ff);
}
.bg-btn-claim {
  border: 1px solid var(--Warning-Color-300, #ffc300);
  background: linear-gradient(#fff2ad, #ffc85a);
}
.bg-btn-claim:hover {
  background: linear-gradient(#ffc85a, #fff2ad);
}
.bg-game-card {
  background: linear-gradient(#2050fa, #6a9cff);
}
.overlay-web3-game {
  background: linear-gradient(270deg, #2050fa00 50%, #2050fa99);
}
.bg-author {
  background: radial-gradient(50% 50%, #fff 0, #bad6ff 75%, #cce1ff 100%);
}
.no-scrollbar {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
:root {
  width: 100dvw;
  min-height: 100dvh;
  overflow-x: hidden;
}
html {
  scrollbar-width: thin;
  scrollbar-color: #ffffff4d #0000;
}
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: 0 0;
}
::-webkit-scrollbar-thumb {
  background-color: #ffffff4d;
  background-clip: content-box;
  border: 2px solid #0000;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #ffffff80;
}
body {
  width: 100%;
  height: 100%;
  overflow: hidden auto;
  overflow-y: overlay;
}