/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./app/page.module.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************/
.page_main__nw1Wk {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 1rem;
  padding-top: 0;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
}

.page_main__nw1Wk.page_dark___C_6h {
  background-color: #000;
  color: #fff;
}

.page_main__nw1Wk.page_light__QLdmh {
  background-color: #fff;
  color: #000;
}

/* Top Header with Logo and Menu */
.page_topHeader__APlBG {
  width: 100%;
  max-width: 600px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 1rem;
  margin-bottom: 2rem;
}

.page_logo__ikIZE {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.25rem;
  font-weight: 600;
}

.page_logo__ikIZE svg {
  width: 24px;
  height: 24px;
}

.page_logoText__M1jdM {
  font-weight: 400;
}

.page_menuButton__3y3__ {
  background: transparent;
  border: none;
  color: inherit;
  cursor: pointer;
  padding: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.3s ease;
}

.page_menuButton__3y3__:hover {
  opacity: 0.7;
}

.page_settingsOverlay__D43CC {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
}

.page_settingsMenu__qccvA {
  position: fixed;
  top: 4.5rem;
  right: 1rem;
  min-width: 200px;
  border: 2px solid currentColor;
  border-radius: 8px;
  animation: page_fadeIn__jjObi 0.2s ease-out;
  z-index: 101;
  overflow: hidden;
}

.page_dark___C_6h .page_settingsMenu__qccvA {
  background: #000;
}

.page_light__QLdmh .page_settingsMenu__qccvA {
  background: #fff;
}

.page_settingsMenuItem__AM_oq {
  width: 100%;
  padding: 1rem;
  background: transparent;
  border: none;
  border-bottom: 1px solid currentColor;
  color: inherit;
  font-size: 0.8rem;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  text-align: left;
  opacity: 0.7;
}

.page_settingsMenuItem__AM_oq:last-child {
  border-bottom: none;
}

.page_settingsMenuItem__AM_oq:hover {
  opacity: 1;
}

.page_dark___C_6h .page_settingsMenuItem__AM_oq:hover {
  background: rgba(255, 255, 255, 0.05);
}

.page_light__QLdmh .page_settingsMenuItem__AM_oq:hover {
  background: rgba(0, 0, 0, 0.05);
}

.page_settingsIcon__fa5sO {
  font-size: 1.2rem;
  width: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.page_container__jZF7q {
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
}

.page_header__oRW75 {
  text-align: center;
  margin-bottom: 2rem;
  animation: page_fadeIn__jjObi 0.8s ease-out;
}

.page_title__po7na {
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 0.75rem;
  letter-spacing: -0.02em;
}

.page_howToPlayLink__NvAa4 {
  background: transparent;
  border: none;
  color: inherit;
  cursor: pointer;
  font-size: 0.95rem;
  text-decoration: underline;
  padding: 0;
  opacity: 0.7;
  transition: opacity 0.3s ease;
}

.page_howToPlayLink__NvAa4:hover {
  opacity: 1;
}

.page_form__NxPAx {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  animation: page_fadeIn__jjObi 1s ease-out 0.2s backwards;
  margin-bottom: 2rem;
}

.page_inputWrapper__lmPUM {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  border: 2px solid currentColor;
  border-radius: 8px;
  transition: all 0.3s ease;
}

.page_inputWrapper__lmPUM:focus-within {
  border-width: 2px;
  box-shadow: 0 0 0 1px currentColor;
}

.page_personIcon__E0R0h {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
}

.page_personIcon__E0R0h svg {
  width: 20px;
  height: 20px;
}

.page_label__jI4Tf {
  font-weight: 600;
  font-size: 0.9rem;
}

.page_input__lx_gt {
  flex: 1 1;
  background: transparent;
  border: none;
  color: inherit;
  font-size: 1rem;
  outline: none;
  padding: 0;
}

.page_input__lx_gt::placeholder {
  color: currentColor;
  opacity: 0.5;
}

.page_input__lx_gt:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.page_clearButton___7mv6 {
  background: transparent;
  border: none;
  color: inherit;
  cursor: pointer;
  font-size: 1.25rem;
  padding: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.5;
  transition: opacity 0.3s ease;
  flex-shrink: 0;
}

.page_clearButton___7mv6:hover {
  opacity: 1;
}

.page_orDivider__9Wi8h {
  text-align: center;
  font-size: 0.9rem;
  opacity: 0.5;
  margin: 0.5rem 0;
}


.page_compareButton__NHr_m {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem 1.5rem;
  background: #000;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 1.1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-top: 0.5rem;
}

.page_light__QLdmh .page_compareButton__NHr_m {
  background: #000;
  color: #fff;
}

.page_dark___C_6h .page_compareButton__NHr_m {
  background: #fff;
  color: #000;
}

.page_compareButton__NHr_m:hover:not(:disabled) {
  transform: scale(1.02);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.page_compareButton__NHr_m:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
}

.page_turnCount__BnnnO {
  font-size: 1.5rem;
  font-weight: 700;
  min-width: 2rem;
  text-align: right;
}

.page_giveUpContainer__cN1_C {
  text-align: center;
  margin: 1.5rem 0;
}

.page_giveUpLink__ZysGG {
  background: transparent;
  border: none;
  color: inherit;
  cursor: pointer;
  font-size: 0.95rem;
  text-decoration: underline;
  padding: 0;
  opacity: 0.7;
  transition: opacity 0.3s ease;
}

.page_giveUpLink__ZysGG:hover {
  opacity: 1;
}

.page_loading__4WMny {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3rem 0;
  animation: page_fadeIn__jjObi 0.3s ease-out;
}

.page_spinner__1BdMn {
  width: 40px;
  height: 40px;
  border: 3px solid transparent;
  border-top-color: currentColor;
  border-radius: 50%;
  animation: page_spin__OXxwq 1s linear infinite;
}

.page_error__JBrsB {
  margin-top: 2rem;
  padding: 1.5rem;
  border: 2px solid currentColor;
  text-align: center;
  letter-spacing: 0.1rem;
  opacity: 0.7;
  animation: page_fadeIn__jjObi 0.3s ease-out;
}


/* Results Section */
.page_resultsSection__tK8_l {
  margin-top: 3rem;
  animation: page_fadeIn__jjObi 0.5s ease-out;
}

.page_resultsTitle__7nVBX {
  font-size: 1.75rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
}

.page_resultsList__DelbD {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.page_resultCard__IBHWj {
  border: 2px solid currentColor;
  border-radius: 12px;
  padding: 1.25rem;
  animation: page_fadeIn__jjObi 0.5s ease-out;
  transition: background-color 0.3s ease;
}

.page_resultCardWinner__Th4UZ {
  background-color: rgba(173, 216, 230, 0.15);
}

.page_dark___C_6h .page_resultCardWinner__Th4UZ {
  background-color: rgba(100, 149, 237, 0.12);
}

.page_light__QLdmh .page_resultCardWinner__Th4UZ {
  background-color: rgba(173, 216, 230, 0.2);
}

.page_resultTurn__f9pe1 {
  font-size: 0.85rem;
  opacity: 0.6;
  margin-bottom: 0.5rem;
}

.page_resultNames__GIUdD {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
  flex-wrap: wrap;
}

.page_resultWinner__B969A {
  font-size: 1.25rem;
  font-weight: 700;
}

.page_resultSeparator__Yj5PB {
  font-size: 1.25rem;
  opacity: 0.5;
  font-weight: 400;
}

.page_resultLoser__rDsCe {
  font-size: 1.25rem;
  font-weight: 400;
  opacity: 0.4;
  color: #999;
}

.page_resultExplanation__8MDHh {
  font-size: 0.95rem;
  line-height: 1.5;
  opacity: 0.8;
}


/* Reveal Box in Modal */
.page_revealBox__Sy_Um {
  text-align: center;
  padding: 2rem;
}

.page_revealLabel__y686B {
  font-size: 0.8rem;
  font-weight: 900;
  letter-spacing: 0.3rem;
  text-transform: uppercase;
  opacity: 0.5;
  margin-bottom: 1.5rem;
}

.page_revealTarget__rA2O7 {
  font-size: 3rem;
  font-weight: 900;
  letter-spacing: 0.3rem;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
  word-break: break-word;
  animation: page_slideUp___dulW 0.5s ease-out;
}

.page_revealMessage__Va4cW {
  font-size: 0.9rem;
  line-height: 1.6;
  opacity: 0.7;
  margin: 0;
}

/* Game Over Modal */
.page_gameOverMessage__S60nS {
  animation: page_fadeIn__jjObi 0.8s ease-out;
}

.page_gameOverMessage__S60nS p {
  font-size: 1rem;
  line-height: 1.6;
  opacity: 0.8;
  margin: 0 0 1rem 0;
}

@keyframes page_pulse__XPtbN {
  0%, 100% {
    opacity: 0.8;
  }
  50% {
    opacity: 1;
  }
}

@keyframes page_fadeIn__jjObi {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes page_spin__OXxwq {
  to {
    transform: rotate(360deg);
  }
}

/* Solitaire celebration animations */
.page_celebrationContainer__H0jlW {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  z-index: 9999;
  overflow: hidden;
}

.page_card__Cf__u {
  position: absolute;
  width: 50px;
  height: 70px;
  background: linear-gradient(135deg, #fff 0%, #f0f0f0 100%);
  border: 2px solid #333;
  border-radius: 4px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
  animation: page_cardFall__tE7va 4s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

.page_dark___C_6h .page_card__Cf__u {
  background: linear-gradient(135deg, #fff 0%, #e0e0e0 100%);
  border-color: #000;
}

@keyframes page_cardFall__tE7va {
  0% {
    transform: translateY(0) rotate(0deg);
    opacity: 1;
  }
  100% {
    transform: translateY(120vh) rotate(720deg);
    opacity: 0.7;
  }
}

/* Tablet and up */
@media (min-width: 768px) {
  .page_main__nw1Wk {
    padding: 2rem;
  }

  .page_title__po7na {
    font-size: 3rem;
  }

  .page_header__oRW75 {
    margin-bottom: 3rem;
  }

  .page_form__NxPAx {
    gap: 1.5rem;
  }

  .page_input__lx_gt {
    font-size: 1.1rem;
  }

  .page_compareButton__NHr_m {
    font-size: 1.2rem;
    padding: 1.5rem 2rem;
  }
}

/* Desktop and up */
@media (min-width: 1024px) {
  .page_title__po7na {
    font-size: 3.5rem;
  }

  .page_header__oRW75 {
    margin-bottom: 4rem;
  }
}

/* Modal Styles */
.page_modalOverlay__29caG {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.85);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: 1rem;
  animation: page_fadeIn__jjObi 0.3s ease-out;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}

.page_modalContent__P5a3v {
  background: inherit;
  border: 2px solid currentColor;
  max-width: 600px;
  width: 100%;
  max-height: 90vh;
  overflow-y: auto;
  animation: page_slideUp___dulW 0.4s ease-out;
  position: relative;
}

.page_dark___C_6h .page_modalContent__P5a3v {
  background: #000;
  color: #fff;
}

.page_light__QLdmh .page_modalContent__P5a3v {
  background: #fff;
  color: #000;
}

.page_modalHeader__rDl9O {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2rem;
  border-bottom: 1px solid currentColor;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background: inherit;
  z-index: 1;
}

.page_modalTitle__tx5Xj {
  font-size: 1.5rem;
  font-weight: 900;
  letter-spacing: 0.3rem;
  text-transform: uppercase;
  margin: 0;
}

.page_modalClose__CxrzZ {
  background: transparent;
  border: none;
  color: inherit;
  font-size: 2rem;
  cursor: pointer;
  padding: 0;
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.5;
  transition: opacity 0.3s ease;
}

.page_modalClose__CxrzZ:hover {
  opacity: 1;
}

.page_modalBody__t3vOb {
  padding: 2rem;
}

.page_modalSection__iFErw {
  margin-bottom: 2rem;
}

.page_modalSection__iFErw:last-child {
  margin-bottom: 0;
}

.page_modalSubtitle__3Wihv {
  font-size: 0.9rem;
  font-weight: 900;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
  margin-bottom: 0.75rem;
  opacity: 0.7;
}

.page_modalSection__iFErw p {
  line-height: 1.6;
  opacity: 0.8;
  margin: 0;
}

.page_modalSection__iFErw strong {
  opacity: 1;
}

.page_modalList__CEjNm {
  line-height: 1.8;
  opacity: 0.8;
  padding-left: 1.5rem;
  margin: 0;
}

.page_modalList__CEjNm li {
  margin-bottom: 0.5rem;
}

.page_modalList__CEjNm li:last-child {
  margin-bottom: 0;
}

.page_modalFooter__kcFX3 {
  padding: 2rem;
  border-top: 1px solid currentColor;
  display: flex;
  gap: 1rem;
  justify-content: flex-end;
  flex-wrap: wrap;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  background: inherit;
}

.page_modalButton__2nyiG {
  padding: 0.75rem 1.5rem;
  background: transparent;
  border: 2px solid currentColor;
  color: inherit;
  font-size: 0.8rem;
  letter-spacing: 0.15rem;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s ease;
  font-weight: 600;
  opacity: 0.6;
}

.page_modalButton__2nyiG:hover {
  opacity: 1;
}

.page_modalButtonPrimary__VpDrL {
  padding: 0.75rem 1.5rem;
  background: currentColor;
  border: 2px solid currentColor;
  font-size: 0.8rem;
  letter-spacing: 0.15rem;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s ease;
  font-weight: 600;
}

.page_dark___C_6h .page_modalButtonPrimary__VpDrL {
  background: #fff;
  color: #000;
  border-color: #fff;
}

.page_light__QLdmh .page_modalButtonPrimary__VpDrL {
  background: #000;
  color: #fff;
  border-color: #000;
}

.page_modalButtonPrimary__VpDrL:hover {
  transform: scale(1.05);
}

@keyframes page_slideUp___dulW {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Victory Modal */
.page_victoryModalContent__BWcvK {
  background: inherit;
  border: none;
  max-width: 500px;
  width: 100%;
  max-height: 90vh;
  overflow-y: auto;
  animation: page_slideUp___dulW 0.4s ease-out;
  position: relative;
  padding: 0;
}

.page_dark___C_6h .page_victoryModalContent__BWcvK {
  background: #000;
  color: #fff;
}

.page_light__QLdmh .page_victoryModalContent__BWcvK {
  background: #fff;
  color: #000;
}

.page_victoryHeader__FTPGa {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 2rem;
}

.page_victoryHeaderLeft__G7qvO {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.page_victoryTitle__S7VT8 {
  font-size: 1.5rem;
  font-weight: 700;
  margin: 0;
}

.page_victoryHowToPlay__cBjSz {
  background: transparent;
  border: none;
  color: inherit;
  cursor: pointer;
  font-size: 0.9rem;
  text-decoration: underline;
  padding: 0;
  opacity: 0.7;
  transition: opacity 0.3s ease;
  text-align: left;
}

.page_victoryHowToPlay__cBjSz:hover {
  opacity: 1;
}

.page_victoryCard__ub_LC {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2.5rem 2rem;
  margin: 0 2rem 1.5rem;
  border: 2px solid currentColor;
  border-radius: 16px;
  gap: 0.5rem;
}

.page_partyIcon__I1zpp {
  font-size: 3rem;
  margin-bottom: 0.5rem;
}

.page_wellDoneText__25xG5 {
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.page_victoryWinnerName__NXA6p {
  font-size: 2.25rem;
  font-weight: 700;
  padding: 0.4rem 1.5rem;
  border-radius: 6px;
  background: rgba(173, 216, 230, 0.25);
  text-align: center;
  word-break: break-word;
  max-width: 100%;
  line-height: 1.3;
}

.page_dark___C_6h .page_victoryWinnerName__NXA6p {
  background: rgba(135, 206, 250, 0.18);
}

.page_light__QLdmh .page_victoryWinnerName__NXA6p {
  background: rgba(173, 216, 230, 0.3);
}

.page_victoryTries__VzMas {
  font-size: 1rem;
  opacity: 0.7;
  margin-top: 0.25rem;
}

.page_shareButton__Ho1_y {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem 2rem;
  margin: 0 2rem 2rem;
  background: transparent;
  border: 2px solid currentColor;
  border-radius: 8px;
  color: inherit;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  opacity: 0.7;
}

.page_shareButton__Ho1_y:hover {
  opacity: 1;
  transform: scale(1.02);
}

.page_shareButton__Ho1_y svg {
  width: 18px;
  height: 18px;
}

.page_victoryResultsSection__8eTt8 {
  padding: 0 2rem 2rem;
}

.page_victoryResultsTitle__wT7Bh {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 1rem;
}

.page_victoryResultsList__0uCFK {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  max-height: 300px;
  overflow-y: auto;
}

.page_victoryResultCard__Q4o9W {
  border: 2px solid currentColor;
  border-radius: 8px;
  padding: 1rem;
  animation: page_fadeIn__jjObi 0.3s ease-out;
}

.page_victoryResultTurn__AqSwn {
  font-size: 0.75rem;
  opacity: 0.6;
  margin-bottom: 0.35rem;
}

.page_victoryResultNames__Fs_yJ {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-bottom: 0.5rem;
  flex-wrap: wrap;
}

.page_victoryResultWinner__KnzC_ {
  font-size: 1rem;
  font-weight: 700;
}

.page_victoryResultSeparator__SMuNG {
  font-size: 1rem;
  opacity: 0.5;
  font-weight: 400;
}

.page_victoryResultLoser__BnOWr {
  font-size: 1rem;
  font-weight: 400;
  opacity: 0.4;
  color: #999;
}

.page_victoryResultExplanation__0YNVB {
  font-size: 0.85rem;
  line-height: 1.4;
  opacity: 0.7;
}

/* Winner Popup from Bottom */
.page_winnerPopup__vx1wm {
  position: fixed;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 375px;
  z-index: 2000;
  animation: page_slideUpFromBottom__vVBr5 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  padding: 0 1rem;
}

.page_winnerPopupContent__vGMDr {
  background: inherit;
  border: 2px solid currentColor;
  border-radius: 16px;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.3);
}

.page_dark___C_6h .page_winnerPopupContent__vGMDr {
  background: #000;
  border-color: #fff;
}

.page_light__QLdmh .page_winnerPopupContent__vGMDr {
  background: #fff;
  border-color: #000;
}

.page_winnerAvatar__lTUpJ {
  width: 80px;
  height: 80px;
  border: 3px solid currentColor;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
}

.page_winnerAvatar__lTUpJ svg {
  width: 40px;
  height: 40px;
}

.page_winnerName__YYA44 {
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  word-break: break-word;
  letter-spacing: -0.02em;
}

@keyframes page_slideUpFromBottom__vVBr5 {
  from {
    transform: translate(-50%, 100%);
    opacity: 0;
  }
  to {
    transform: translate(-50%, 0);
    opacity: 1;
  }
}

/* Already Tried Popup from Bottom */
.page_alreadyTriedPopup__Q4rMO {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 375px;
  z-index: 2000;
  animation: page_slideUpFromBottom__vVBr5 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  padding: 0 1rem 1rem;
}

.page_alreadyTriedContent___RBMU {
  background: inherit;
  border: 2px solid currentColor;
  border-radius: 16px;
  padding: 1.5rem 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.3);
}

.page_dark___C_6h .page_alreadyTriedContent___RBMU {
  background: #000;
  border-color: #fff;
}

.page_light__QLdmh .page_alreadyTriedContent___RBMU {
  background: #fff;
  border-color: #000;
}

.page_alreadyTriedIcon__gxxdW {
  font-size: 2.5rem;
}

.page_alreadyTriedMessage__dUhmi {
  font-size: 1.2rem;
  font-weight: 600;
  text-align: center;
  opacity: 0.9;
}

@media (max-width: 768px) {
  .page_modalHeader__rDl9O {
    padding: 1.5rem;
  }

  .page_modalTitle__tx5Xj {
    font-size: 1.2rem;
    letter-spacing: 0.2rem;
  }

  .page_modalBody__t3vOb {
    padding: 1.5rem;
  }

  .page_modalFooter__kcFX3 {
    padding: 1.5rem;
    gap: 0.75rem;
  }

  .page_modalButton__2nyiG,
  .page_modalButtonPrimary__VpDrL {
    padding: 0.6rem 1.2rem;
    font-size: 0.75rem;
  }

  .page_winnerPopup__vx1wm {
    max-width: calc(100% - 2rem);
  }

  .page_winnerName__YYA44 {
    font-size: 1.5rem;
  }

  .page_winnerAvatar__lTUpJ {
    width: 70px;
    height: 70px;
  }

  .page_winnerAvatar__lTUpJ svg {
    width: 35px;
    height: 35px;
  }

  .page_alreadyTriedPopup__Q4rMO {
    max-width: calc(100% - 2rem);
  }

  .page_alreadyTriedMessage__dUhmi {
    font-size: 1.1rem;
  }

  .page_alreadyTriedIcon__gxxdW {
    font-size: 2rem;
  }

  /* Victory Modal Mobile Styles */
  .page_victoryHeader__FTPGa {
    padding: 1rem 1.5rem;
  }

  .page_victoryTitle__S7VT8 {
    font-size: 1.25rem;
  }

  .page_victoryCard__ub_LC {
    margin: 0 1rem 1rem;
    padding: 1.5rem;
  }

  .page_partyIcon__I1zpp {
    font-size: 2rem;
  }

  .page_victoryWinnerName__NXA6p {
    font-size: 1.5rem;
    padding: 0.4rem 1rem;
  }

  .page_shareButton__Ho1_y {
    margin: 0 1rem 1.5rem;
    padding: 0.65rem 1.5rem;
    font-size: 0.95rem;
  }

  .page_victoryResultsSection__8eTt8 {
    padding: 0 1rem 1.5rem;
  }

  .page_victoryResultsTitle__wT7Bh {
    font-size: 1.25rem;
  }

  .page_victoryResultsList__0uCFK {
    max-height: 250px;
  }

  .page_victoryResultCard__Q4o9W {
    padding: 0.85rem;
  }
}

/* Failure Modal */
.page_failureModalContent__zZRd6 {
  background: inherit;
  border: none;
  max-width: 500px;
  width: 100%;
  max-height: 90vh;
  overflow-y: auto;
  animation: page_slideUp___dulW 0.4s ease-out;
  position: relative;
  padding: 0;
}

.page_dark___C_6h .page_failureModalContent__zZRd6 {
  background: #000;
  color: #fff;
}

.page_light__QLdmh .page_failureModalContent__zZRd6 {
  background: #fff;
  color: #000;
}

.page_failureHeader__7cYJ6 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 2rem;
}

.page_failureHeaderLeft__ZP9QH {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.page_failureTitle__vzQGZ {
  font-size: 1.5rem;
  font-weight: 700;
  margin: 0;
}

.page_failureHowToPlay__emIO4 {
  background: transparent;
  border: none;
  color: inherit;
  cursor: pointer;
  font-size: 0.9rem;
  text-decoration: underline;
  padding: 0;
  opacity: 0.7;
  transition: opacity 0.3s ease;
  text-align: left;
}

.page_failureHowToPlay__emIO4:hover {
  opacity: 1;
}

.page_failureCard__h7gxo {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2.5rem 2rem;
  margin: 0 2rem 1.5rem;
  border: 2px solid currentColor;
  border-radius: 16px;
  gap: 0.5rem;
}

.page_sadIcon__aZzOt {
  font-size: 4rem;
  margin-bottom: 0.5rem;
}

.page_tooBadText__VHfRY {
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.page_maybeNextTimeText__Haevm {
  font-size: 2rem;
  font-weight: 700;
  padding: 0.4rem 1.5rem;
  border-radius: 6px;
  background: rgba(173, 216, 230, 0.25);
  text-align: center;
  word-break: break-word;
  max-width: 100%;
  line-height: 1.3;
}

.page_dark___C_6h .page_maybeNextTimeText__Haevm {
  background: rgba(135, 206, 250, 0.18);
}

.page_light__QLdmh .page_maybeNextTimeText__Haevm {
  background: rgba(173, 216, 230, 0.3);
}

.page_noMoreTriesText__MiQKx {
  font-size: 0.95rem;
  opacity: 0.7;
  margin-top: 0.25rem;
}

.page_failureResultsSection__zSEzW {
  padding: 0 2rem 2rem;
}

.page_failureResultsTitle__sSY1X {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 1rem;
}

.page_failureResultsList__iRrmN {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  max-height: 300px;
  overflow-y: auto;
}

.page_failureResultCard__8_DNf {
  border: 2px solid currentColor;
  border-radius: 8px;
  padding: 1rem;
  animation: page_fadeIn__jjObi 0.3s ease-out;
}

.page_failureResultTurn__Dm9OW {
  font-size: 0.75rem;
  opacity: 0.6;
  margin-bottom: 0.35rem;
}

.page_failureResultNames__qDYhZ {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-bottom: 0.5rem;
  flex-wrap: wrap;
}

.page_failureResultWinner__b7cv5 {
  font-size: 1rem;
  font-weight: 700;
}

.page_failureResultSeparator__hVMKP {
  font-size: 1rem;
  opacity: 0.5;
  font-weight: 400;
}

.page_failureResultLoser__eSvMF {
  font-size: 1rem;
  font-weight: 400;
  opacity: 0.4;
  color: #999;
}

.page_failureResultExplanation__a6Q2n {
  font-size: 0.85rem;
  line-height: 1.4;
  opacity: 0.7;
}

/* Failure Modal Mobile Styles */
@media (max-width: 768px) {
  .page_failureHeader__7cYJ6 {
    padding: 1rem 1.5rem;
  }

  .page_failureTitle__vzQGZ {
    font-size: 1.25rem;
  }

  .page_failureCard__h7gxo {
    margin: 0 1rem 1rem;
    padding: 1.5rem;
  }

  .page_sadIcon__aZzOt {
    font-size: 3rem;
  }

  .page_maybeNextTimeText__Haevm {
    font-size: 1.5rem;
    padding: 0.4rem 1rem;
  }

  .page_failureResultsSection__zSEzW {
    padding: 0 1rem 1.5rem;
  }

  .page_failureResultsTitle__sSY1X {
    font-size: 1.25rem;
  }

  .page_failureResultsList__iRrmN {
    max-height: 250px;
  }

  .page_failureResultCard__8_DNf {
    padding: 0.85rem;
  }
}

/* Histogram Styles */
.page_histogramContainer__9NEBQ {
  padding: 1.5rem 2rem;
  margin: 0 2rem 1.5rem;
  border: 2px solid currentColor;
  border-radius: 12px;
  animation: page_fadeIn__jjObi 0.5s ease-out;
}

.page_histogramTitle__IpHyf {
  font-size: 1.1rem;
  font-weight: 700;
  margin-bottom: 0.75rem;
  text-align: center;
}

.page_histogramStats__jPV_P {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin-bottom: 1rem;
  font-size: 0.9rem;
}

.page_histogramWinsLabel__lAJ8g {
  color: #4CAF50;
  font-weight: 600;
}

.page_histogramLossesLabel__qiTxQ {
  color: #FF6B6B;
  font-weight: 600;
}

.page_histogramChart__Zzv2B {
  display: flex;
  align-items: flex-end;
  justify-content: space-around;
  gap: 0.5rem;
  min-height: 150px;
  padding: 1rem 0;
  border-top: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
}

.page_histogramBar__Jh0em {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 1;
  min-width: 30px;
  max-width: 60px;
}

.page_histogramBarGroup__8ALQ6 {
  display: flex;
  align-items: flex-end;
  gap: 0.15rem;
  width: 100%;
  height: 120px;
  margin-bottom: 0.5rem;
}

.page_histogramBarWin__E1Kx5,
.page_histogramBarLoss__MD8d4 {
  flex: 1 1;
  min-height: 0;
  border-radius: 4px 4px 0 0;
  transition: all 0.3s ease;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 0.2rem;
}

.page_histogramBarWin__E1Kx5 {
  background: #4CAF50;
}

.page_histogramBarLoss__MD8d4 {
  background: #FF6B6B;
}

.page_histogramBarValue__jCJqY {
  font-size: 0.65rem;
  font-weight: 700;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.page_histogramBarLabel__pyUG0 {
  font-size: 0.65rem;
  opacity: 0.7;
  text-align: center;
  line-height: 1.2;
  word-break: break-word;
}

.page_histogramLegend__5__sp {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin-top: 1rem;
  padding-top: 1rem;
}

.page_histogramLegendItem__raZGk {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
}

.page_histogramLegendColorWin__9CkVm,
.page_histogramLegendColorLoss__dIdQ_ {
  width: 16px;
  height: 16px;
  border-radius: 3px;
}

.page_histogramLegendColorWin__9CkVm {
  background: #4CAF50;
}

.page_histogramLegendColorLoss__dIdQ_ {
  background: #FF6B6B;
}

.page_histogramLoading__uPO00,
.page_histogramEmpty__8n29k {
  text-align: center;
  padding: 2rem;
  margin: 0 2rem 1.5rem;
  border: 2px solid currentColor;
  border-radius: 12px;
  opacity: 0.7;
  font-size: 0.95rem;
}

/* Histogram Mobile Styles */
@media (max-width: 768px) {
  .page_histogramContainer__9NEBQ {
    padding: 1rem 1.5rem;
    margin: 0 1rem 1rem;
  }

  .page_histogramTitle__IpHyf {
    font-size: 1rem;
  }

  .page_histogramStats__jPV_P {
    font-size: 0.85rem;
    gap: 1rem;
  }

  .page_histogramChart__Zzv2B {
    min-height: 120px;
    gap: 0.3rem;
  }

  .page_histogramBarGroup__8ALQ6 {
    height: 100px;
  }

  .page_histogramBar__Jh0em {
    min-width: 20px;
    max-width: 40px;
  }

  .page_histogramBarValue__jCJqY {
    font-size: 0.6rem;
  }

  .page_histogramBarLabel__pyUG0 {
    font-size: 0.6rem;
  }

  .page_histogramLegendItem__raZGk {
    font-size: 0.8rem;
  }

  .page_histogramLoading__uPO00,
  .page_histogramEmpty__8n29k {
    padding: 1.5rem;
    margin: 0 1rem 1rem;
    font-size: 0.9rem;
  }
}