/*!*******************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../page-geode/src/Gaming/Chase/components/GameHeader/style.module.css ***!
  \*******************************************************************************************************************************************************/
.PY2FiAUShwQjPSKCWpOC {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
  position: relative;
}

.lhpaMP8fPboGc9mKsx6l {
  background: rgba(15, 23, 42, 0.65);     /* Dark glass */
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 16px;
  padding: 18px 32px;
  box-shadow: 
    0 8px 32px rgba(0, 0, 0, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.15);
  width: 100%;
  max-width: 520px;
}

.RLb8qTBoXWEvlk9Bq39V {
  text-align: center;
}

.pNkgoilf3WsFTByoxUsp {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin-bottom: 6px;
}

.pIcq3LV24iMahmpqshnp {
  font-size: 32px;
}

.LpWSKaUvf9UiIJisDnX0 {
  font-size: 28px;
  font-weight: 700;
  color: #fff;
  margin: 0;
  letter-spacing: 1px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
}

.dEb3c9hLxIwfRHV0LfQ9 {
  margin: 0;
  color: rgba(255, 255, 255, 0.65);
  font-size: 14px;
  font-weight: 500;
}

.zuJ7OLvbvoQr26HSXpc1 {
  margin-top: 12px;
  font-size: 18px;
  color: #ffaa33; 
  cursor: pointer;
  text-decoration: none;
  font-weight: 500;
  text-align: center;
  transition: all 0.2s ease;
}

.zuJ7OLvbvoQr26HSXpc1:hover {
  color: rgb(241, 101, 31);          /* brighter orange on hover */
  text-decoration: underline;
}
/*!***********************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../page-geode/src/Gaming/Chase/components/PayoutAndRules/style.module.css ***!
  \***********************************************************************************************************************************************************/
.Pig4emnPzHYcEQDn6K0E {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(2, 6, 23, 0.72);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.tu4CD6M34QPN_yU5cjPU {
  width: min(720px, 100%);
  max-height: min(88vh, 900px);
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: linear-gradient(
    165deg,
    rgba(15, 23, 42, 0.97) 0%,
    rgba(7, 12, 24, 0.98) 100%
  );
  box-shadow:
    0 24px 64px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
  color: #e2e8f0;
  overflow: hidden;
}

.RKqXZBExHwqS3P587LjF {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  padding: 22px 24px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.xpjHiCAJc2UOC2th_0zo {
  margin: 0 0 4px;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #f97316;
}

.r_Li_dqFVzsOr7rGd5hL {
  margin: 0;
  font-size: 1.35rem;
  font-weight: 800;
  letter-spacing: 0.02em;
  color: #fff;
}

.igdaGCSBaoCdcl3VZGzd {
  margin: 6px 0 0;
  font-size: 0.8rem;
  color: #94a3b8;
  line-height: 1.4;
}

.R3y05mcgD9o6c18kpWi5 {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(15, 23, 42, 0.8);
  color: #cbd5e1;
  font-size: 1.4rem;
  line-height: 1;
  cursor: pointer;
  flex-shrink: 0;
  transition: all 0.15s ease;
}

.R3y05mcgD9o6c18kpWi5:hover {
  border-color: rgba(249, 115, 22, 0.5);
  color: #fff;
}

.zNg6dTh3rxUxi8f2nbb0 {
  padding: 8px 24px 20px;
  overflow-y: auto;
  flex: 1;
}

.t55UNMKE06gpi7xQtBTq {
  margin-top: 18px;
  padding: 14px 16px;
  border-radius: 14px;
  background: rgba(30, 41, 59, 0.45);
  border: 1px solid rgba(255, 255, 255, 0.06);
}

.h52N0BE8l2gD9sXiVUhw {
  margin: 0 0 10px;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #fbbf24;
}

.AC2mlW8ZOUCThqf1NjoQ {
  margin: 0;
  padding-left: 1.15rem;
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 0.9rem;
  line-height: 1.45;
  color: #cbd5e1;
}

.AC2mlW8ZOUCThqf1NjoQ strong {
  color: #fff;
}

.WgnAollktFQ6BC3XublD {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

@media (max-width: 640px) {
  .WgnAollktFQ6BC3XublD {
    grid-template-columns: 1fr;
  }
}

.Xjo_tQJcMEYyRsWUYkRa {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.FTryPqJtCD0hAXREsjhh {
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 0.8rem;
  font-weight: 700;
  background: rgba(15, 23, 42, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #e2e8f0;
}

.zPQRaBufbEUbnQWUnDmI {
  border-color: rgba(249, 115, 22, 0.45);
  color: #fdba74;
  box-shadow: 0 0 12px rgba(249, 115, 22, 0.15);
}

.HrsyidLnm90zGbKdNE4f {
  border-color: rgba(59, 130, 246, 0.25);
  background: rgba(30, 58, 138, 0.22);
}

.wstjVjw87O8pVkg_fTVQ {
  margin: 20px 0 4px;
  text-align: center;
  font-size: 0.9rem;
  font-style: italic;
  color: #94a3b8;
}

.pQlCVwtldYtR0lNZQ4Xi {
  padding: 14px 24px 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  display: flex;
  justify-content: flex-end;
}

.IMMNkgf0XpU1GPR9S5Yk {
  min-width: 140px;
  padding: 12px 20px;
  border-radius: 12px;
  border: none;
  font-weight: 700;
  font-size: 0.95rem;
  cursor: pointer;
  color: #1e2937;
  background: linear-gradient(145deg, #ffa200, #ff8c00);
  box-shadow: 0 4px 14px rgba(255, 140, 0, 0.35);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.IMMNkgf0XpU1GPR9S5Yk:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(255, 140, 0, 0.45);
}
/*!***************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../page-geode/src/Gaming/Chase/components/Layout/style.module.css ***!
  \***************************************************************************************************************************************************/
.doLsoy8uFv0YgWeOnWdR {
  min-height: 100vh;
  color: white;
  display: flex;
  flex-direction: column;
  position: relative;
}

/* ==================== Main Game Container ==================== */
.qOtIKBiJV38FAoHwzOyL {
  max-width: 1280px;
  margin: 0 auto;
  padding: 24px 16px;
  width: 100%;
  flex: 1;
}

/* ==================== Glassmorphic Main Panel ==================== */
.x1btBBv8C0ZC7dm9FY50 {
  background: rgba(15, 23, 42, 0.78);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 20px;
  padding: 32px 28px;
  box-shadow:
    0 12px 40px rgba(0, 0, 0, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
  max-width: 700px;
  margin: 0 auto;
}

/* ==================== Content Area ==================== */
.UaFHYScKMwgj9zpf4Xnr {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

/* ==================== Stats Row ==================== */
.f8kvrfHsvKYCorEWOppX {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}

.K8LF5yRh0ivtrwNVGcM4 {
  background: rgba(15, 23, 42, 0.65);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 14px;
  padding: 10px 18px;
  text-align: center;
  min-width: 85px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.K8LF5yRh0ivtrwNVGcM4:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.K8LF5yRh0ivtrwNVGcM4 span {
  font-size: 0.7rem;
  color: #94a3b8;
  display: block;
  margin-bottom: 2px;
  font-weight: 500;
}

.K8LF5yRh0ivtrwNVGcM4 div {
  font-size: 1.5rem;
  font-weight: 700;
  color: #fbbf24;
  line-height: 1;
}

/* ==================== Action Buttons ==================== */
.hgv2CrYUJe8Q3Iu1dLMt {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}

/* ==================== GAME WRAPPER ==================== */
.APqUb6zAN2wsf9naGiBg {
  width: 100%;
  max-width: 560px;
  aspect-ratio: 560 / 620;
  margin: 0 auto;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6);
  background: #000;
  border: 2px solid rgba(255, 255, 255, 0.1);
}

/* ==================== Mobile: Allow more vertical space ==================== */
@media (max-width: 640px) {
  .APqUb6zAN2wsf9naGiBg {
    max-width: 100%;
    aspect-ratio: unset;
    min-height: 620px;
    height: auto;
  }
}

/* ==================== Action Buttons ==================== */
.GH5W5Ezv4IeT4LhcAhMj {
  background: linear-gradient(145deg, #ffa200, #ff8c00);
  color: #1e2937;
  border: none;
  border-radius: 14px;
  padding: 12px 24px;
  font-size: 0.95rem;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow:
    0 6px 14px rgba(0, 0, 0, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.45);
  min-width: 120px;
}

.GH5W5Ezv4IeT4LhcAhMj:hover {
  background: linear-gradient(145deg, #ffaa33, #ff9500);
  transform: translateY(-3px);
  box-shadow:
    0 10px 20px rgba(0, 0, 0, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.5);
}

.GH5W5Ezv4IeT4LhcAhMj:active {
  transform: translateY(1px);
}

.GH5W5Ezv4IeT4LhcAhMj:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

/* ==================== Mobile Responsiveness ==================== */
@media (max-width: 640px) {
  .qOtIKBiJV38FAoHwzOyL {
    padding: 16px 12px;
  }

  .x1btBBv8C0ZC7dm9FY50 {
    padding: 20px 16px;
    max-width: 100%;
    border-radius: 16px;
  }

  .UaFHYScKMwgj9zpf4Xnr {
    gap: 16px;
  }

  .f8kvrfHsvKYCorEWOppX {
    gap: 8px;
  }

  .K8LF5yRh0ivtrwNVGcM4 {
    min-width: 68px;
    padding: 8px 10px;
  }

  .K8LF5yRh0ivtrwNVGcM4 span {
    font-size: 0.65rem;
  }

  .K8LF5yRh0ivtrwNVGcM4 div {
    font-size: 1.25rem;
  }

  .hgv2CrYUJe8Q3Iu1dLMt {
    gap: 8px;
  }

  .GH5W5Ezv4IeT4LhcAhMj {
    padding: 10px 16px;
    font-size: 0.85rem;
    min-width: 100px;
  }
}

/* ==================== GameOverlay Card ==================== */
.XgxS3zAlWj4cC3YoLAtr {
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
  background: rgba(15, 23, 42, 0.75);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  padding: 24px 20px;
  box-shadow:
    0 10px 30px rgba(0, 0, 0, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

@media (max-width: 640px) {
  .XgxS3zAlWj4cC3YoLAtr {
    max-width: 100%;
    padding: 18px 14px;
  }
}

/* ==================== On-Screen Control Pad ==================== */
.FJym7FszTTMTkQqLfblm {
  display: none; /* mouse-only desktops */
  margin-top: 16px;
  padding: 16px;
  background: rgba(15, 23, 42, 0.75);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  backdrop-filter: blur(12px);
  max-width: 280px;
  margin-left: auto;
  margin-right: auto;
}

.t_KLX1XIXRAJkyyiDLsz .FJym7FszTTMTkQqLfblm {
  display: block;
}

._fIEavxNGNAl7XXm0D0e {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

.xcQ0LOnbqd4MZvygXOdD {
  display: flex;
  gap: 24px;
}

.KlJUP5qA0A2_xZnO28GI {
  width: 58px;
  height: 58px;
  font-size: 1.6rem;
  background: rgba(51, 65, 85, 0.8);
  border: 2px solid rgba(255, 255, 255, 0.15);
  border-radius: 12px;
  color: #e2e8f0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.1s ease;
  user-select: none;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

.KlJUP5qA0A2_xZnO28GI:active {
  background: #ffa200;
  color: #1e2937;
  transform: scale(0.95);
  border-color: #ffa200;
}

.mI1buW0upposXytAp3Oc {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 30;
  text-align: center;
  font-size: 1.15rem;
  font-weight: 700;
  color: #22d3ee;
  letter-spacing: 0.05em;
  text-shadow: 0 0 10px rgba(34, 211, 238, 0.7);
  padding: 10px 12px 20px;
  background: linear-gradient(
    to bottom,
    rgba(15, 23, 42, 0.9),
    rgba(15, 23, 42, 0.4),
    transparent
  );
  pointer-events: none;
  user-select: none;
}

/* ==================== Welcome Card (matches game canvas size) ==================== */
.REcFNe7MxqoKD2tY5ptm {
  position: relative;
  width: 100%;
  max-width: 560px;
  aspect-ratio: 560 / 620;
  margin: 0 auto;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Background Image */
.QfRPvzJvVW8NACn50wHZ {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.3;
  z-index: 1;
  pointer-events: none;
}

/* Text Content - Properly Centered */
.hvb83izvOIsbOAPewrqF {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  padding: 40px 24px;
  text-align: center;
  color: #e2e8f0;
}

.hvb83izvOIsbOAPewrqF h2 {
  font-size: 2rem;
  font-weight: 700;
  color: #fbbf24;
  margin-bottom: 24px;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.8);
  line-height: 1.2;
}

.hvb83izvOIsbOAPewrqF p {
  font-size: 1.05rem;
  line-height: 1.6;
  margin-bottom: 12px;
  max-width: 380px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.hvb83izvOIsbOAPewrqF .Arb6UO5ljj8N43hKECyR {
  color: #fff;
  font-weight: 600;
}

/* Mobile */
@media (max-width: 640px) {
  .REcFNe7MxqoKD2tY5ptm {
    max-width: 100%;
  }

  .hvb83izvOIsbOAPewrqF h2 {
    font-size: 1.7rem;
    margin-bottom: 20px;
  }

  .hvb83izvOIsbOAPewrqF p {
    font-size: 1rem;
    max-width: 100%;
  }
}

._JOpzEJpGLAPNlMycvN9 {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 100;
  overflow: hidden;
}

.Xgz1BM2Cvgsa3QLoKwfJ {
  position: absolute;
  top: -20px;
  animation: XWYrC8Rmjc2WbjLBeL05 3.5s linear forwards;
}

@keyframes XWYrC8Rmjc2WbjLBeL05 {
  to {
    transform: translateY(100vh) rotate(720deg);
    opacity: 0;
  }
}
/*!********************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../page-geode/src/Gaming/Chase/components/GameOverlay/style.module.css ***!
  \********************************************************************************************************************************************************/
/* ==================== Base Glass Card ==================== */
.EGgr3l8efYWbIfBiB1qb {
  background: rgba(15, 23, 42, 0.82);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 24px;
  padding: 40px 36px;
  box-shadow: 
    0 20px 40px rgba(0, 0, 0, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
  text-align: center;
  max-width: 520px;
  margin: 0 auto;
}

/* ==================== Difficulty Buttons ==================== */
.d3ZKvFoN5awmlmXe0Apc {
  width: 100%;
  min-height: 52px;
  padding: 12px 16px;
  font-size: 0.95rem;
  font-weight: 600;
  border-radius: 12px;
  transition: all 0.2s ease;
  background: rgba(51, 65, 85, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #e2e8f0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

.d3ZKvFoN5awmlmXe0Apc:hover {
  background: rgba(71, 85, 105, 0.8);
  transform: translateY(-1px);
}

.GeT5wKrEFEAAYHJxeImD {
  background: linear-gradient(145deg, #ffa200, #ff8c00);
  color: #1e2937;
  border: none;
  font-weight: 700;
  box-shadow: 0 4px 12px rgba(255, 140, 0, 0.3);
}

/* ==================== Action Button ==================== */
.kINjfZihBrARM90nec5P {
  background: linear-gradient(145deg, #ffa200, #ff8c00);
  color: #1e2937;
  font-weight: 700;
  border: none;
  border-radius: 14px;
  padding: 14px 24px;
  font-size: 1.05rem;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 
    0 6px 14px rgba(0, 0, 0, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.45);
  cursor: pointer;
  width: 100%;
}

.kINjfZihBrARM90nec5P:hover {
  background: linear-gradient(145deg, #ffaa33, #ff9500);
  transform: translateY(-3px);
  box-shadow: 
    0 10px 20px rgba(0, 0, 0, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.5);
}

.kINjfZihBrARM90nec5P:active {
  transform: translateY(1px);
  box-shadow: 
    0 3px 8px rgba(0, 0, 0, 0.35),
    inset 0 2px 5px rgba(0, 0, 0, 0.3);
}

/* ==================== Instructions ==================== */
.d7_6kKHiOs062OCyX6q0 {
  text-align: left !important;
  max-width: 420px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 32px !important;
}

/* ==================== Payout Text ==================== */
.IdvX_Ee1p0Ss0zPHI8ey {
  color: #fb923c !important;
  font-size: 1.05rem !important;
  margin-bottom: 32px !important;
  padding-top: 12px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
  text-align: center !important;
}

/* ==================== Score Footer ==================== */
.D4epeIDq8HwOB1i1vj1b {
  margin-top: 8px !important;
  margin-bottom: 24px !important;
  padding-top: 16px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
  display: flex !important;
  justify-content: center !important;
  gap: 32px !important;
  font-size: 1.05rem !important;
  color: #94a3b8 !important;
  width: 100% !important;
}

/* ==================== End Screen Score Card ==================== */
.ftnRd5zbxLIoOSSFMtSz {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 18px !important;
  padding: 28px 24px !important;
  margin-bottom: 36px !important;
  width: 100% !important;
}

.Nq19UZqYLqkGN1WiKAJv {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 12px !important;
}

.Nq19UZqYLqkGN1WiKAJv:last-child {
  margin-bottom: 0 !important;
}

._1vVsx5dFecBOI3_I12u {
  color: #64748b !important;
  font-size: 0.95rem !important;
}

.I3WUGxHl6L4RHOfCfMJb {
  color: #e2e8f0 !important;
  font-weight: 600 !important;
  font-size: 1.1rem !important;
}

.IkMOv_F9PoQpQ0cVUqFB {
  color: white !important;
  font-size: 2.25rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

/* ==================== Custom Divider ==================== */
.gNDfL13GKwNsb1PgToe6 {
  width: 100% !important;
  height: 1px !important;
  background-color: rgba(255, 255, 255, 0.15) !important;
  margin: 16px 0 !important;
  border: none !important;
}

/* ==================== Mobile Responsiveness ==================== */
@media (max-width: 640px) {
  /* Start Screen & General Glass Card */
  .EGgr3l8efYWbIfBiB1qb {
    max-width: 100% !important;
    padding: 20px 18px !important;
    margin: 0 8px !important;
    border-radius: 16px !important;
  }

  .EGgr3l8efYWbIfBiB1qb h1 {
    font-size: 1.7rem !important;
    margin-bottom: 12px !important;
  }

  .d7_6kKHiOs062OCyX6q0 {
    margin-bottom: 16px !important;
  }

  .IdvX_Ee1p0Ss0zPHI8ey {
    margin-bottom: 16px !important;
    padding-top: 8px !important;
  }

  .D4epeIDq8HwOB1i1vj1b {
    margin-bottom: 16px !important;
    padding-top: 12px !important;
  }

  /* EndScreen Specific */
  .ftnRd5zbxLIoOSSFMtSz {
    padding: 20px 16px !important;
    margin-bottom: 24px !important;
    border-radius: 14px !important;
  }

  .Nq19UZqYLqkGN1WiKAJv {
    margin-bottom: 10px !important;
  }

  ._1vVsx5dFecBOI3_I12u {
    font-size: 0.9rem !important;
  }

  .I3WUGxHl6L4RHOfCfMJb {
    font-size: 1rem !important;
  }

  .IkMOv_F9PoQpQ0cVUqFB {
    font-size: 1.85rem !important;
  }

  .kINjfZihBrARM90nec5P {
    padding: 14px 20px !important;
    font-size: 1rem !important;
  }
}

/* Extra Small Screens (iPhone SE, etc.) */
@media (max-width: 380px) {
  .EGgr3l8efYWbIfBiB1qb {
    padding: 16px 14px !important;
  }

  .EGgr3l8efYWbIfBiB1qb h1 {
    font-size: 1.55rem !important;
  }

  .IkMOv_F9PoQpQ0cVUqFB {
    font-size: 1.65rem !important;
  }

  .ftnRd5zbxLIoOSSFMtSz {
    padding: 16px 14px !important;
  }
}
/*!********************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../page-geode/src/Gaming/Escape/components/GameHeader/style.module.css ***!
  \********************************************************************************************************************************************************/
._D8BBz9oV4kJNYki1YKj {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
  position: relative;
}

.amt1CPiDXokndUXk_NHh {
  background: rgba(15, 23, 42, 0.65);     /* Dark glass */
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 16px;
  padding: 18px 32px;
  box-shadow: 
    0 8px 32px rgba(0, 0, 0, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.15);
  width: 100%;
  max-width: 520px;
}

.YZCKDZclzHAk1rBR6Ug3 {
  text-align: center;
}

.lN_6V7qJbosQe2CGMs1P {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin-bottom: 6px;
}

.trKhTRigTvstC8mj0IbI {
  font-size: 32px;
}

.r66f6zqawgoJfeMmuafi {
  font-size: 28px;
  font-weight: 700;
  color: #fff;
  margin: 0;
  letter-spacing: 1px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
}

.ySNrmopco8WAKYkI9mUI {
  margin: 0;
  color: rgba(255, 255, 255, 0.65);
  font-size: 14px;
  font-weight: 500;
}

.x770dtV4bpslTqvAhBwP {
  margin-top: 12px;
  font-size: 18px;
  color: #ffaa33; 
  cursor: pointer;
  text-decoration: none;
  font-weight: 500;
  text-align: center;
  transition: all 0.2s ease;
}

.x770dtV4bpslTqvAhBwP:hover {
  color: rgb(241, 101, 31);          /* brighter orange on hover */
  text-decoration: underline;
}
/*!************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../page-geode/src/Gaming/Escape/components/PayoutAndRules/style.module.css ***!
  \************************************************************************************************************************************************************/
.zXyo8xnbQboo9PzgWS9I {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(2, 6, 23, 0.72);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.Fc2Cykdkrcg_hGke5m5K {
  width: min(720px, 100%);
  max-height: min(88vh, 900px);
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: linear-gradient(
    165deg,
    rgba(15, 23, 42, 0.97) 0%,
    rgba(7, 12, 24, 0.98) 100%
  );
  box-shadow:
    0 24px 64px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
  color: #e2e8f0;
  overflow: hidden;
}

.Fed_tDwfOXcuIXmpMt0P {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  padding: 22px 24px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.MOjv2Km33mgusBn2oTLm {
  margin: 0 0 4px;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #f97316;
}

.IYRrLVMWIgwiDpnvca7p {
  margin: 0;
  font-size: 1.35rem;
  font-weight: 800;
  letter-spacing: 0.02em;
  color: #fff;
}

.qbdSVzepjkHkgwiotN_E {
  margin: 6px 0 0;
  font-size: 0.8rem;
  color: #94a3b8;
  line-height: 1.4;
}

.de64vY7zr8EULfAcfCSM {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(15, 23, 42, 0.8);
  color: #cbd5e1;
  font-size: 1.4rem;
  line-height: 1;
  cursor: pointer;
  flex-shrink: 0;
  transition: all 0.15s ease;
}

.de64vY7zr8EULfAcfCSM:hover {
  border-color: rgba(249, 115, 22, 0.5);
  color: #fff;
}

.nwZi048hHIay29dRJIIM {
  padding: 8px 24px 20px;
  overflow-y: auto;
  flex: 1;
}

.OF0uIF5VPlQx3Rovn_6i {
  margin-top: 18px;
  padding: 14px 16px;
  border-radius: 14px;
  background: rgba(30, 41, 59, 0.45);
  border: 1px solid rgba(255, 255, 255, 0.06);
}

.YQH2JwteLcUTxD6rzT6z {
  margin: 0 0 10px;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #fbbf24;
}

.VTzSRERhc_0hbZwIwGIL {
  margin: 0;
  padding-left: 1.15rem;
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 0.9rem;
  line-height: 1.45;
  color: #cbd5e1;
}

.VTzSRERhc_0hbZwIwGIL strong {
  color: #fff;
}

.s_GKieIWfkINhk81O2FB {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

@media (max-width: 640px) {
  .s_GKieIWfkINhk81O2FB {
    grid-template-columns: 1fr;
  }
}

.hIVUr5KqVwc6DyNHD1Da {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.yrHarkIGMf3yxCnglFgM {
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 0.8rem;
  font-weight: 700;
  background: rgba(15, 23, 42, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #e2e8f0;
}

.xHnhzbm9b4hStVPiIQSp {
  border-color: rgba(249, 115, 22, 0.45);
  color: #fdba74;
  box-shadow: 0 0 12px rgba(249, 115, 22, 0.15);
}

.R15ABzVZ_NspKLXRDon6 {
  border-color: rgba(59, 130, 246, 0.25);
  background: rgba(30, 58, 138, 0.22);
}

.GeuQ7cSGa08F10ka4A6M {
  margin: 20px 0 4px;
  text-align: center;
  font-size: 0.9rem;
  font-style: italic;
  color: #94a3b8;
}

.A7Rb4CRYi_QRMKdwkyBl {
  padding: 14px 24px 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  display: flex;
  justify-content: flex-end;
}

.ajFOace9zrQMYNImk3cP {
  min-width: 140px;
  padding: 12px 20px;
  border-radius: 12px;
  border: none;
  font-weight: 700;
  font-size: 0.95rem;
  cursor: pointer;
  color: #1e2937;
  background: linear-gradient(145deg, #ffa200, #ff8c00);
  box-shadow: 0 4px 14px rgba(255, 140, 0, 0.35);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.ajFOace9zrQMYNImk3cP:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(255, 140, 0, 0.45);
}
/*!****************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../page-geode/src/Gaming/Escape/components/Layout/style.module.css ***!
  \****************************************************************************************************************************************************/
.Iis2vmZOsMY9PwNrVnQy {
  min-height: 100vh;
  color: white;
  display: flex;
  flex-direction: column;
  position: relative;
}

/* ==================== Main Game Container ==================== */
.b0bwt3itnGs3fILD5Sz8 {
  max-width: 1280px;
  margin: 0 auto;
  padding: 24px 16px;
  width: 100%;
  flex: 1;
}

/* ==================== Glassmorphic Main Panel ==================== */
.QjY7H0NZQv4dm2_Ce6CD {
  background: rgba(15, 23, 42, 0.78);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 20px;
  padding: 32px 28px;
  box-shadow:
    0 12px 40px rgba(0, 0, 0, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
  max-width: 700px;
  margin: 0 auto;
}

/* ==================== Content Area ==================== */
.iN4txw60aYSvkcXHciGj {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

/* ==================== Stats Row ==================== */
.bL59iHDeZnsSCenlxpto {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}

.r8o6MaU134sNdvU40cWh {
  background: rgba(15, 23, 42, 0.65);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 14px;
  padding: 10px 18px;
  text-align: center;
  min-width: 85px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.r8o6MaU134sNdvU40cWh:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.r8o6MaU134sNdvU40cWh span {
  font-size: 0.7rem;
  color: #94a3b8;
  display: block;
  margin-bottom: 2px;
  font-weight: 500;
}

.r8o6MaU134sNdvU40cWh div {
  font-size: 1.5rem;
  font-weight: 700;
  color: #fbbf24;
  line-height: 1;
}

/* ==================== Action Buttons ==================== */
.WiyHs082hEo1g_bfNF6j {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}

/* ==================== GAME WRAPPER ==================== */
.ygqBS0IvMxoxQFF1JHqk {
  width: 100%;
  max-width: 560px;
  aspect-ratio: 560 / 620;
  margin: 0 auto;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6);
  background: #000;
  border: 2px solid rgba(255, 255, 255, 0.1);
}

/* ==================== Mobile: Allow more vertical space ==================== */
@media (max-width: 640px) {
  .ygqBS0IvMxoxQFF1JHqk {
    max-width: 100%;
    aspect-ratio: unset;
    min-height: 620px;
    height: auto;
  }
}

/* ==================== Action Buttons ==================== */
.NbGeWaMCBc0QVWZuXc_I {
  background: linear-gradient(145deg, #ffa200, #ff8c00);
  color: #1e2937;
  border: none;
  border-radius: 14px;
  padding: 12px 24px;
  font-size: 0.95rem;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow:
    0 6px 14px rgba(0, 0, 0, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.45);
  min-width: 120px;
}

.NbGeWaMCBc0QVWZuXc_I:hover {
  background: linear-gradient(145deg, #ffaa33, #ff9500);
  transform: translateY(-3px);
  box-shadow:
    0 10px 20px rgba(0, 0, 0, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.5);
}

.NbGeWaMCBc0QVWZuXc_I:active {
  transform: translateY(1px);
}

.NbGeWaMCBc0QVWZuXc_I:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

/* ==================== Mobile Responsiveness ==================== */
@media (max-width: 640px) {
  .b0bwt3itnGs3fILD5Sz8 {
    padding: 16px 12px;
  }

  .QjY7H0NZQv4dm2_Ce6CD {
    padding: 20px 16px;
    max-width: 100%;
    border-radius: 16px;
  }

  .iN4txw60aYSvkcXHciGj {
    gap: 16px;
  }

  .bL59iHDeZnsSCenlxpto {
    gap: 8px;
  }

  .r8o6MaU134sNdvU40cWh {
    min-width: 68px;
    padding: 8px 10px;
  }

  .r8o6MaU134sNdvU40cWh span {
    font-size: 0.65rem;
  }

  .r8o6MaU134sNdvU40cWh div {
    font-size: 1.25rem;
  }

  .WiyHs082hEo1g_bfNF6j {
    gap: 8px;
  }

  .NbGeWaMCBc0QVWZuXc_I {
    padding: 10px 16px;
    font-size: 0.85rem;
    min-width: 100px;
  }
}

/* ==================== GameOverlay Card ==================== */
.U0RUqm9tgrQraECTli4w {
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
  background: rgba(15, 23, 42, 0.75);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  padding: 24px 20px;
  box-shadow:
    0 10px 30px rgba(0, 0, 0, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

@media (max-width: 640px) {
  .U0RUqm9tgrQraECTli4w {
    max-width: 100%;
    padding: 18px 14px;
  }
}

/* ==================== On-Screen Control Pad ==================== */
.iFxgSvHPIhc68QmkoEbW {
  display: none; /* mouse-only desktops */
  margin-top: 16px;
  padding: 16px;
  background: rgba(15, 23, 42, 0.75);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  backdrop-filter: blur(12px);
  max-width: 280px;
  margin-left: auto;
  margin-right: auto;
}

.ttB59DvK58MDSF3fkWLS .iFxgSvHPIhc68QmkoEbW {
  display: block;
}

.f6gsKOzvqusala4OHf63 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

.Q9BtY0KHU1cSLEhcn20E {
  display: flex;
  gap: 24px;
}

.SWD4B5E0Eg0xoO_SXhth {
  width: 58px;
  height: 58px;
  font-size: 1.6rem;
  background: rgba(51, 65, 85, 0.8);
  border: 2px solid rgba(255, 255, 255, 0.15);
  border-radius: 12px;
  color: #e2e8f0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.1s ease;
  user-select: none;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

.SWD4B5E0Eg0xoO_SXhth:active {
  background: #ffa200;
  color: #1e2937;
  transform: scale(0.95);
  border-color: #ffa200;
}

.a2VngUvzg4_Z7G1TWvne {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 30;
  text-align: center;
  font-size: 1.15rem;
  font-weight: 700;
  color: #22d3ee;
  letter-spacing: 0.05em;
  text-shadow: 0 0 10px rgba(34, 211, 238, 0.7);
  padding: 10px 12px 20px;
  background: linear-gradient(
    to bottom,
    rgba(15, 23, 42, 0.9),
    rgba(15, 23, 42, 0.4),
    transparent
  );
  pointer-events: none;
  user-select: none;
}

/* ==================== Welcome Card (matches game canvas size) ==================== */
.hMpHJVz9FC0PEXSFH8I9 {
  position: relative;
  width: 100%;
  max-width: 560px;
  aspect-ratio: 560 / 620;
  margin: 0 auto;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Background Image */
.Fy8WbuGFH2oBAiC8dg42 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.3;
  z-index: 1;
  pointer-events: none;
}

/* Text Content - Properly Centered */
.UQuFDdu0_AjaJYud0Nd3 {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  padding: 40px 24px;
  text-align: center;
  color: #e2e8f0;
}

.UQuFDdu0_AjaJYud0Nd3 h2 {
  font-size: 2rem;
  font-weight: 700;
  color: #fbbf24;
  margin-bottom: 24px;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.8);
  line-height: 1.2;
}

.UQuFDdu0_AjaJYud0Nd3 p {
  font-size: 1.05rem;
  line-height: 1.6;
  margin-bottom: 12px;
  max-width: 380px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.UQuFDdu0_AjaJYud0Nd3 .u7IaBH5syESjrHbHvhjn {
  color: #fff;
  font-weight: 600;
}

/* Mobile */
@media (max-width: 640px) {
  .hMpHJVz9FC0PEXSFH8I9 {
    max-width: 100%;
  }

  .UQuFDdu0_AjaJYud0Nd3 h2 {
    font-size: 1.7rem;
    margin-bottom: 20px;
  }

  .UQuFDdu0_AjaJYud0Nd3 p {
    font-size: 1rem;
    max-width: 100%;
  }
}

.PSmtE89jCAmnDOQWLVTz {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 100;
  overflow: hidden;
}

.St2lnh6uVCQgqQAZRola {
  position: absolute;
  top: -20px;
  animation: At617nYmvk87ASzIF35H 3.5s linear forwards;
}

@keyframes At617nYmvk87ASzIF35H {
  to {
    transform: translateY(100vh) rotate(720deg);
    opacity: 0;
  }
}
/*!*********************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../page-geode/src/Gaming/Escape/components/GameOverlay/style.module.css ***!
  \*********************************************************************************************************************************************************/
/* ==================== Base Glass Card ==================== */
.xaBkFST20RQxu0lELDfg {
  background: rgba(15, 23, 42, 0.82);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 24px;
  padding: 40px 36px;
  box-shadow: 
    0 20px 40px rgba(0, 0, 0, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
  text-align: center;
  max-width: 520px;
  margin: 0 auto;
}

/* ==================== Difficulty Buttons ==================== */
.HOnjglpSSaAMRyUtsTLt {
  width: 100%;
  min-height: 52px;
  padding: 12px 16px;
  font-size: 0.95rem;
  font-weight: 600;
  border-radius: 12px;
  transition: all 0.2s ease;
  background: rgba(51, 65, 85, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #e2e8f0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

.HOnjglpSSaAMRyUtsTLt:hover {
  background: rgba(71, 85, 105, 0.8);
  transform: translateY(-1px);
}

.oJBtDkAAuCw6S5BB2w8T {
  background: linear-gradient(145deg, #ffa200, #ff8c00);
  color: #1e2937;
  border: none;
  font-weight: 700;
  box-shadow: 0 4px 12px rgba(255, 140, 0, 0.3);
}

/* ==================== Action Button ==================== */
.xSCuyh5oGyEOuZLivegR {
  background: linear-gradient(145deg, #ffa200, #ff8c00);
  color: #1e2937;
  font-weight: 700;
  border: none;
  border-radius: 14px;
  padding: 14px 24px;
  font-size: 1.05rem;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 
    0 6px 14px rgba(0, 0, 0, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.45);
  cursor: pointer;
  width: 100%;
}

.xSCuyh5oGyEOuZLivegR:hover {
  background: linear-gradient(145deg, #ffaa33, #ff9500);
  transform: translateY(-3px);
  box-shadow: 
    0 10px 20px rgba(0, 0, 0, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.5);
}

.xSCuyh5oGyEOuZLivegR:active {
  transform: translateY(1px);
  box-shadow: 
    0 3px 8px rgba(0, 0, 0, 0.35),
    inset 0 2px 5px rgba(0, 0, 0, 0.3);
}

/* ==================== Instructions ==================== */
.BRNC053_fEAE5z8iKOx9 {
  text-align: left !important;
  max-width: 420px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 32px !important;
}

/* ==================== Payout Text ==================== */
.fNRtMvjCxuIlwh_BZvCa {
  color: #fb923c !important;
  font-size: 1.05rem !important;
  margin-bottom: 32px !important;
  padding-top: 12px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
  text-align: center !important;
}

/* ==================== Score Footer ==================== */
.FK0BAPUn5ik7xGSJOhSU {
  margin-top: 8px !important;
  margin-bottom: 24px !important;
  padding-top: 16px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
  display: flex !important;
  justify-content: center !important;
  gap: 32px !important;
  font-size: 1.05rem !important;
  color: #94a3b8 !important;
  width: 100% !important;
}

/* ==================== End Screen Score Card ==================== */
.lpKjvj2ToZ8PPPtu4MFK {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 18px !important;
  padding: 28px 24px !important;
  margin-bottom: 36px !important;
  width: 100% !important;
}

.k3RLbKR_e0M2q8m5xUOp {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 12px !important;
}

.k3RLbKR_e0M2q8m5xUOp:last-child {
  margin-bottom: 0 !important;
}

.JIS6T6HMhdY2nnDSMqu4 {
  color: #64748b !important;
  font-size: 0.95rem !important;
}

.Zsbq0CN5MJ_blSoTP9yA {
  color: #e2e8f0 !important;
  font-weight: 600 !important;
  font-size: 1.1rem !important;
}

.GBJ2k_INetcBfAQkPTGH {
  color: white !important;
  font-size: 2.25rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

/* ==================== Custom Divider ==================== */
.B2zT27PqcIMZw1yD7ro3 {
  width: 100% !important;
  height: 1px !important;
  background-color: rgba(255, 255, 255, 0.15) !important;
  margin: 16px 0 !important;
  border: none !important;
}

/* ==================== Mobile Responsiveness ==================== */
@media (max-width: 640px) {
  /* Start Screen & General Glass Card */
  .xaBkFST20RQxu0lELDfg {
    max-width: 100% !important;
    padding: 20px 18px !important;
    margin: 0 8px !important;
    border-radius: 16px !important;
  }

  .xaBkFST20RQxu0lELDfg h1 {
    font-size: 1.7rem !important;
    margin-bottom: 12px !important;
  }

  .BRNC053_fEAE5z8iKOx9 {
    margin-bottom: 16px !important;
  }

  .fNRtMvjCxuIlwh_BZvCa {
    margin-bottom: 16px !important;
    padding-top: 8px !important;
  }

  .FK0BAPUn5ik7xGSJOhSU {
    margin-bottom: 16px !important;
    padding-top: 12px !important;
  }

  /* EndScreen Specific */
  .lpKjvj2ToZ8PPPtu4MFK {
    padding: 20px 16px !important;
    margin-bottom: 24px !important;
    border-radius: 14px !important;
  }

  .k3RLbKR_e0M2q8m5xUOp {
    margin-bottom: 10px !important;
  }

  .JIS6T6HMhdY2nnDSMqu4 {
    font-size: 0.9rem !important;
  }

  .Zsbq0CN5MJ_blSoTP9yA {
    font-size: 1rem !important;
  }

  .GBJ2k_INetcBfAQkPTGH {
    font-size: 1.85rem !important;
  }

  .xSCuyh5oGyEOuZLivegR {
    padding: 14px 20px !important;
    font-size: 1rem !important;
  }
}

/* Extra Small Screens (iPhone SE, etc.) */
@media (max-width: 380px) {
  .xaBkFST20RQxu0lELDfg {
    padding: 16px 14px !important;
  }

  .xaBkFST20RQxu0lELDfg h1 {
    font-size: 1.55rem !important;
  }

  .GBJ2k_INetcBfAQkPTGH {
    font-size: 1.65rem !important;
  }

  .lpKjvj2ToZ8PPPtu4MFK {
    padding: 16px 14px !important;
  }
}
/*!***********************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../page-geode/src/Gaming/Crossword/components/GameHeader/style.module.css ***!
  \***********************************************************************************************************************************************************/
.T07LI6KIctP6qECAiqeY {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
  position: relative;
}

.Wku8aFopoPM6F3ietwTo {
  background: rgba(15, 23, 42, 0.65);     /* Dark glass */
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 16px;
  padding: 18px 32px;
  box-shadow: 
    0 8px 32px rgba(0, 0, 0, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.15);
  width: 100%;
  max-width: 520px;
}

.ZpslJub7a5MRSzahv4Z9 {
  text-align: center;
}

.qiU2afLSFZ4TPyh7neNH {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin-bottom: 6px;
}

.m9_ULtRTrdY15tAxRxSe {
  font-size: 32px;
}

.vC0j82HMKX4iCaUa1qXZ {
  font-size: 28px;
  font-weight: 700;
  color: #fff;
  margin: 0;
  letter-spacing: 1px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
}

.hoSfv5J_ICLqvt8lLkCc {
  margin: 0;
  color: rgba(255, 255, 255, 0.65);
  font-size: 14px;
  font-weight: 500;
}

.NZBZpKWsEHgudVsnUHDf {
  margin-top: 12px;
  font-size: 18px;
  color: #ffaa33; 
  cursor: pointer;
  text-decoration: none;
  font-weight: 500;
  text-align: center;
  transition: all 0.2s ease;
}

.NZBZpKWsEHgudVsnUHDf:hover {
  color: rgb(241, 101, 31);          /* brighter orange on hover */
  text-decoration: underline;
}
/*!***************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../page-geode/src/Gaming/Crossword/components/PayoutAndRules/style.module.css ***!
  \***************************************************************************************************************************************************************/
.h00JehKMhTMDu06Uy1lO {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(2, 6, 23, 0.72);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.fZrUwvACtw1eQTIRImUy {
  width: min(720px, 100%);
  max-height: min(88vh, 900px);
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: linear-gradient(
    165deg,
    rgba(15, 23, 42, 0.97) 0%,
    rgba(7, 12, 24, 0.98) 100%
  );
  box-shadow:
    0 24px 64px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
  color: #e2e8f0;
  overflow: hidden;
}

.v7CchCqximkFKECkj66C {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  padding: 22px 24px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.VwxL_hsMm8gLuANTNz1f {
  margin: 0 0 4px;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #f97316;
}

.Dv69LTxo0Ys9hHA6aSlJ {
  margin: 0;
  font-size: 1.35rem;
  font-weight: 800;
  letter-spacing: 0.02em;
  color: #fff;
}

.ahHPiM8kNMO4lqTgTU_L {
  margin: 6px 0 0;
  font-size: 0.8rem;
  color: #94a3b8;
  line-height: 1.4;
}

.LhQqhEeyKMFFsQPljS8r {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(15, 23, 42, 0.8);
  color: #cbd5e1;
  font-size: 1.4rem;
  line-height: 1;
  cursor: pointer;
  flex-shrink: 0;
  transition: all 0.15s ease;
}

.LhQqhEeyKMFFsQPljS8r:hover {
  border-color: rgba(249, 115, 22, 0.5);
  color: #fff;
}

.AulwtaAnKbYSNUFHTfR3 {
  padding: 8px 24px 20px;
  overflow-y: auto;
  flex: 1;
}

.l7lgoQEthzQOvImjje5O {
  margin-top: 18px;
  padding: 14px 16px;
  border-radius: 14px;
  background: rgba(30, 41, 59, 0.45);
  border: 1px solid rgba(255, 255, 255, 0.06);
}

.OEgYIPl85h4Xc06ISouP {
  margin: 0 0 10px;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #fbbf24;
}

.A5X3USeNXJQPj6HGBAyY {
  margin: 0;
  padding-left: 1.15rem;
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 0.9rem;
  line-height: 1.45;
  color: #cbd5e1;
}

.A5X3USeNXJQPj6HGBAyY strong {
  color: #fff;
}

.y7i98Tzro6QeD2rLvtmy {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

@media (max-width: 640px) {
  .y7i98Tzro6QeD2rLvtmy {
    grid-template-columns: 1fr;
  }
}

.mDRqL25exQOF6oBLxbWg {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.iM_IX_Ppj4iY2_ltJjgZ {
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 0.8rem;
  font-weight: 700;
  background: rgba(15, 23, 42, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #e2e8f0;
}

.dHZS46wgfbIT8pz3EdLG {
  border-color: rgba(249, 115, 22, 0.45);
  color: #fdba74;
  box-shadow: 0 0 12px rgba(249, 115, 22, 0.15);
}

.nARILviNuDYsLJsCg6_G {
  border-color: rgba(59, 130, 246, 0.25);
  background: rgba(30, 58, 138, 0.22);
}

.t7o8mRwOA54BuBob7_wm {
  margin: 20px 0 4px;
  text-align: center;
  font-size: 0.9rem;
  font-style: italic;
  color: #94a3b8;
}

.ss2iLBSDYG81amVY56Bu {
  padding: 14px 24px 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  display: flex;
  justify-content: flex-end;
}

.Y2PMApIbV90ER6qXsDXR {
  min-width: 140px;
  padding: 12px 20px;
  border-radius: 12px;
  border: none;
  font-weight: 700;
  font-size: 0.95rem;
  cursor: pointer;
  color: #1e2937;
  background: linear-gradient(145deg, #ffa200, #ff8c00);
  box-shadow: 0 4px 14px rgba(255, 140, 0, 0.35);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.Y2PMApIbV90ER6qXsDXR:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(255, 140, 0, 0.45);
}
/*!*******************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../page-geode/src/Gaming/Crossword/components/Winner/style.module.css ***!
  \*******************************************************************************************************************************************************/
@keyframes r_XT6gtU7BcNaCM7MdIp {
  0% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1.1);
    filter: blur(2px);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes OF9AMw9KbsshGh5gT_wV {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes BexXecy_eFAedmlpK5vV {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.aq9GP_R3Rk85y6YN5A0O {
  display: flex;
  min-height: 80vh;
  flex-direction: column;
  justify-content: center;
  gap: 0.5rem;
  text-align: center;
  font-size: 2.25rem; /* text-4xl */
  line-height: 2.5rem;
  color: #fff;
}

.NGn98FTGn8UI4MWDJ0oK {
  position: relative;
  top: 1.25rem; /* top-5 */
  font-size: 120px;
  font-style: normal;
  will-change: transform, filter;
  animation: r_XT6gtU7BcNaCM7MdIp 0.35s ease-in-out both;
}

.v41gXvVOqxojlTgBqAQO {
  font-size: 1.5rem; /* text-2xl */
  line-height: 2rem;
  font-weight: 900;
  letter-spacing: 0.1em; /* tracking-widest */
  text-shadow:
    0 0 10px rgb(0 0 0 / 1),
    0 5px 5px rgb(0 0 0 / 1);
  will-change: transform;
  animation: OF9AMw9KbsshGh5gT_wV 0.35s ease-in-out 0.1s both;
}

.AFaKB1JtVYt9IP2PQdOS {
  position: relative;
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  font-size: 4.5rem; /* text-7xl */
  line-height: 1;
  font-weight: 900;
  letter-spacing: -0.05em; /* tracking-tighter */
  color: transparent;
  background-image: linear-gradient(
    to right,
    hsl(var(--primary, 276 100% 72%)),
    #fb923c /* orange-400 */
  );
  background-clip: text;
  -webkit-background-clip: text;
  will-change: transform;
  animation: BexXecy_eFAedmlpK5vV 0.35s ease-in-out 0.1s both;
}

.jXgqLDhjw40_MsL4YIBI {
  align-self: center;
  border-radius: 0.375rem; /* rounded-md */
  border: 1px solid #c084fc; /* border-purple-400 */
  background-color: rgb(0 0 0 / 0.1);
  padding: 0 0.5rem;
  font-size: 1.5rem; /* text-2xl, overrides .btn text-sm */
  line-height: 2rem;
  font-weight: 700;
  letter-spacing: -0.025em; /* tracking-tight */
  color: transparent;
  background-image: linear-gradient(
    to right,
    hsl(var(--primary, 276 100% 72%)),
    hsl(var(--secondary, 298 100% 76%))
  );
  background-clip: text;
  -webkit-background-clip: text;
  box-shadow:
    0 4px 6px -1px rgb(0 0 0 / 0.1),
    0 2px 4px -2px rgb(0 0 0 / 0.1); /* shadow-md */
  backdrop-filter: blur(8px);
  cursor: pointer;
  will-change: transform;
  animation: OF9AMw9KbsshGh5gT_wV 0.35s ease-in-out 0.3s both;
}
/*!*****************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../page-geode/src/Gaming/Crossword/components/Grid/style.module.css ***!
  \*****************************************************************************************************************************************************/
.C6ENRvTr2xIICHeiXl4g {
  display: grid;
  gap: 2px;
  width: min(100%, 520px);
  margin: 0 auto;
  padding: 10px;
  border-radius: 16px;
  background: rgba(15, 23, 42, 0.55);
  border: 1px solid rgba(251, 146, 60, 0.28);
  box-shadow:
    0 10px 30px rgba(0, 0, 0, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(12px);
}

.IQPtYtG3WE3ogtIbZsPe {
  position: relative;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  border: 1px solid #94a3b8;
  border-radius: 3px;
  background: #ffffff;
  color: #111111;
  cursor: pointer;
  overflow: hidden;
}

.IQPtYtG3WE3ogtIbZsPe:disabled {
  cursor: default;
}

.ZFO0Xt91h7YJB2MBwD0v {
  background: #0f172a;
  border-color: #0f172a;
}

.mzTAVQVchIhl21USq7m9 {
  font-weight: 800;
  font-size: clamp(0.85rem, 2.4vw, 1.15rem);
  line-height: 1;
  color: #111111;
  text-transform: uppercase;
  pointer-events: none;
}

.RmzeOK8hsLIDUmWYYmJb {
  position: absolute;
  top: 2px;
  left: 3px;
  font-size: 0.58rem;
  line-height: 1;
  font-weight: 700;
  color: #334155;
  pointer-events: none;
}

.t8lgtCq3WaAzhvSn0LTb {
  background: #fff7ed;
  border-color: #fb923c;
  box-shadow: 0 0 0 2px rgba(251, 146, 60, 0.45);
  z-index: 1;
}

.mdF_rdibZbA0LNUh_GwW {
  background: #fffbeb;
}

._i1Sca1BjvkeC7VywkSo {
  border-color: #16a34a !important;
  background: #f0fdf4;
  box-shadow:
    0 0 0 1px rgba(22, 163, 74, 0.9),
    0 0 10px rgba(34, 197, 94, 0.35);
}

.Q9BrxSG8udEUTRtWtYsF {
  animation: Q9BrxSG8udEUTRtWtYsF 0.45s ease-out;
}

@keyframes Q9BrxSG8udEUTRtWtYsF {
  0% {
    background-color: #86efac;
    transform: scale(1.05);
  }
  100% {
    background-color: #f0fdf4;
    transform: scale(1);
  }
}

@keyframes Qlz8W6XSbIIY84WaG3m3 {
  0% {
    transform: scale(0.96);
  }
  100% {
    transform: scale(1);
  }
}
/*!**************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../page-geode/src/Gaming/Crossword/components/SettingsPanel/style.module.css ***!
  \**************************************************************************************************************************************************************/
.XuPFfjBhvKYOw_QImXll {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  width: 100%;
  padding: 12px;
  border-radius: 16px;
  background: rgba(15, 23, 42, 0.65);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow:
    0 8px 24px rgba(0, 0, 0, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.xVdQgciwImMuuYN4VvfH {
  display: flex;
  flex-direction: column;
  gap: 6px;
  color: #94a3b8;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.xVdQgciwImMuuYN4VvfH select {
  height: 40px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(2, 6, 23, 0.72);
  color: #fff;
  padding: 0 12px;
  font-size: 0.9rem;
  font-weight: 600;
  outline: none;
}

.xVdQgciwImMuuYN4VvfH select:hover:not(:disabled),
.xVdQgciwImMuuYN4VvfH select:focus {
  border-color: rgba(251, 146, 60, 0.7);
  box-shadow: 0 0 0 3px rgba(251, 146, 60, 0.15);
}

.xVdQgciwImMuuYN4VvfH select:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

@media (max-width: 720px) {
  .XuPFfjBhvKYOw_QImXll {
    grid-template-columns: 1fr 1fr;
  }
}
/*!********************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../page-geode/src/Gaming/Crossword/components/Heading/style.module.css ***!
  \********************************************************************************************************************************************************/
@keyframes wFsu16LBRVILaz6a2v5a {
  0% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1.1);
    filter: blur(2px);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes wOCd1b4TzIEp4KCOps1M {
  0% {
    background-color: #fb923c;
    border-color: #fdba74;
    color: #111;
  }
  100% {
    background-color: rgb(0 0 0 / 0.7);
    border-color: #c2410c;
    color: #fff;
  }
}

.xWbyARVoYu4b7pN05j8x {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 560px;
  margin: 0 auto 12px;
  gap: 12px;
  position: relative;
}

.A0XHHjDxbUowJR4sHy_y {
  background-image: linear-gradient(to right, #ef501b, #fb923c);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  font-weight: 700;
}

.VmJ2hu5gUOGINRfWbWX4 {
  display: flex;
  gap: 8px;
  flex-shrink: 0;
}

.c4Qsa0pvpMapvZqUceJ1 {
  display: flex;
  height: 2.5rem;
  min-width: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
  border: 2px solid #c2410c;
  background-color: rgb(0 0 0 / 0.7);
  padding: 3px;
  color: #fff;
  cursor: pointer;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
    border-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
    transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform, filter, opacity, background-color;
  animation: wFsu16LBRVILaz6a2v5a 0.5s ease-in-out;
}

.c4Qsa0pvpMapvZqUceJ1:hover:not(:disabled) {
  background-color: #9a3412;
  border-color: #ea580c;
}

.c4Qsa0pvpMapvZqUceJ1:active:not(:disabled) {
  transform: scale(0.92);
  animation: wOCd1b4TzIEp4KCOps1M 0.35s ease-out;
}

.uCQbt9zEIvwgWyPMhrRE {
  width: 1.25rem;
  height: 1.25rem;
}

.X22_oNNPL1UsQpFSPI8W {
  display: none;
}

@media (min-width: 640px) {
  .X22_oNNPL1UsQpFSPI8W {
    display: inline;
  }
}

.c4Qsa0pvpMapvZqUceJ1:disabled {
  opacity: 0.4;
  cursor: not-allowed;
  animation: none;
  transform: none;
}

.OXl3Be0VOA3jy4SM6t2d {
  flex: 1;
  min-width: 0;
  color: #e2e8f0;
  font-size: 0.92rem;
  font-weight: 500;
  line-height: 1.3;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/*!*********************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../page-geode/src/Gaming/Crossword/components/Keyboard/style.module.css ***!
  \*********************************************************************************************************************************************************/
.ZqxAhA_A8uhf2VZ5DSAh {
  width: 100%;
  max-width: 560px;
  margin: 10px auto 0;
  padding: 10px;
  border-radius: 1rem;
  border: 2px solid #c2410c;
  background: rgb(0 0 0 / 0.55);
  backdrop-filter: blur(10px);
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.nkT9nyw5uyUV7ziKUx0T {
  display: flex;
  justify-content: center;
  gap: 5px;
}

.jjnobJoXTDs5Waf_OJQq {
  flex: 1 1 0;
  min-width: 0;
  min-height: 42px;
  border-radius: 0.7rem;
  border: 2px solid #c2410c;
  background: rgb(0 0 0 / 0.7);
  color: #fff;
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  cursor: pointer;
  touch-action: manipulation;
}

.jjnobJoXTDs5Waf_OJQq:active:not(:disabled) {
  transform: scale(0.94);
  background: #9a3412;
}

.jjnobJoXTDs5Waf_OJQq:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.LkfESwyJW4kKHw7esZdP {
  flex: 1.6 1 0;
}

@media (min-width: 768px) {
  .jjnobJoXTDs5Waf_OJQq {
    min-height: 48px;
  }
}
/*!*******************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../page-geode/src/Gaming/Crossword/components/Layout/style.module.css ***!
  \*******************************************************************************************************************************************************/
.IsTauarLd9QbCZwpDB4E {
  min-height: 100vh;
  color: white;
  display: flex;
  flex-direction: column;
  position: relative;
}

.j1f1R8lFaUN1kWXDWAEl {
  max-width: 1280px;
  margin: 0 auto;
  padding: 24px 16px;
  width: 100%;
  flex: 1;
}

.mePA1ADIpsYgkrnEcdBt {
  background: rgba(15, 23, 42, 0.78);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 20px;
  padding: 32px 28px;
  box-shadow:
    0 12px 40px rgba(0, 0, 0, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
  max-width: 760px;
  margin: 0 auto;
}

.acklljL_dgsvQwhKb_Gb {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

.CFF1nVYcEuQNcl7eWORg {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}

.U8QOHoa7EMMVSUlWUvep {
  background: rgba(15, 23, 42, 0.65);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 14px;
  padding: 10px 18px;
  text-align: center;
  min-width: 85px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.U8QOHoa7EMMVSUlWUvep:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.U8QOHoa7EMMVSUlWUvep span {
  font-size: 0.7rem;
  color: #94a3b8;
  display: block;
  margin-bottom: 2px;
  font-weight: 500;
}

.U8QOHoa7EMMVSUlWUvep div {
  font-size: 1.5rem;
  font-weight: 700;
  color: #fbbf24;
  line-height: 1;
}

.R2RChdnqjgKvEmGt3soN {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}

.XcXVkGMIE5Q0JOiBxXCR {
  width: 100%;
  max-width: 640px;
  min-height: 420px;
  margin: 0 auto;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6);
  background: #0b1220;
  border: 2px solid rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 12px 20px;
}

.uFmSrWxi6dcscZnNZluu {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

.Uh0upYNgMp4rwvuB1G81 {
  margin: 0;
  font-size: 0.85rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #94a3b8;
}

.PnvmbwaloO7gSGJhdxe8 {
  background: linear-gradient(145deg, #ffa200, #ff8c00);
  color: #1e2937;
  border: none;
  border-radius: 14px;
  padding: 12px 24px;
  font-size: 0.95rem;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow:
    0 6px 14px rgba(0, 0, 0, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.45);
  min-width: 120px;
}

.PnvmbwaloO7gSGJhdxe8:hover {
  background: linear-gradient(145deg, #ffaa33, #ff9500);
  transform: translateY(-3px);
}

.PnvmbwaloO7gSGJhdxe8:active {
  transform: translateY(1px);
}

.PnvmbwaloO7gSGJhdxe8:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

.HQcheHBzNWE3g3j5gJPI {
  position: relative;
  width: 100%;
  min-height: 320px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.T6v63VrVVMLHYOQJIsIF {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 24px;
  text-align: center;
  color: #e2e8f0;
}

.T6v63VrVVMLHYOQJIsIF h2 {
  font-size: 2rem;
  font-weight: 700;
  color: #fbbf24;
  margin-bottom: 24px;
}

.T6v63VrVVMLHYOQJIsIF p {
  font-size: 1.05rem;
  line-height: 1.6;
  margin-bottom: 12px;
  max-width: 380px;
}

.Jd0KjPElVyYg4EuFPY1x {
  color: #fff;
  font-weight: 600;
}

.iR_hc3ix9T0EhDEEBLl5 {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 9999;
  overflow: hidden;
}

.zOMVbJRvoo4r7onIfHoT {
  position: absolute;
  top: -24px;
  display: block;
  border-radius: 2px;
  opacity: 1;
  animation-name: bT8JXyxLC8oZtkePYqcM;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}

@keyframes bT8JXyxLC8oZtkePYqcM {
  0% {
    transform: translateY(0) rotate(0deg);
    opacity: 1;
  }
  100% {
    transform: translateY(105vh) rotate(720deg);
    opacity: 0;
  }
}

@keyframes j6ktTmD6sKEFaN3ZVfW1 {
  0% {
    transform: scale(1);
    filter: blur(1px);
  }
  60% {
    filter: blur(4px);
    transform: scale(1.02);
  }
  100% {
    transform: scale(1);
  }
}

.animation-shake {
  will-change: transform, filter;
  animation: j6ktTmD6sKEFaN3ZVfW1 0.2s 1 0.1s;
}

@media (max-width: 640px) {
  .j1f1R8lFaUN1kWXDWAEl {
    padding: 16px 12px;
  }

  .mePA1ADIpsYgkrnEcdBt {
    padding: 20px 16px;
    max-width: 100%;
    border-radius: 16px;
  }

  .XcXVkGMIE5Q0JOiBxXCR {
    max-width: 100%;
    min-height: 320px;
    padding: 12px 8px 16px;
  }

  .U8QOHoa7EMMVSUlWUvep {
    min-width: 68px;
    padding: 8px 10px;
  }

  .U8QOHoa7EMMVSUlWUvep div {
    font-size: 1.25rem;
  }

  .PnvmbwaloO7gSGJhdxe8 {
    padding: 10px 16px;
    font-size: 0.85rem;
    min-width: 100px;
  }
}

.dhaSNMtX2d8teT5c58G6 {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
}

.agkCnN8QKIFrEC2IqAvz {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
  pointer-events: none;
  z-index: 5;
  box-shadow: 0 0 0 2px rgb(251 146 60 / 0.7);
}

.Aq28Pu8GPUmVifFOkc0A {
  width: 100%;
}

.SAAgiepa0IZBeRtoFb1g {
  width: 100%;
  max-width: 560px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: 14px;
  background: rgba(15, 23, 42, 0.65);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.S63ziEJYg0iToxzcLf7s {
  flex-shrink: 0;
  padding: 4px 10px;
  border-radius: 999px;
  background: linear-gradient(145deg, #ffa200, #ff8c00);
  color: #1e2937;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.YoM07dHUTcIYFtGsq8MN {
  color: #e2e8f0;
  font-size: 0.92rem;
  line-height: 1.35;
}

.cuxiP8KXs8jxou3TeRy0 {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(220px, 0.85fr);
  gap: 16px;
  align-items: start;
}

.OHAV9Sq7CkR6Ncmxkdvt {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-width: 0;
}

.OHAV9Sq7CkR6Ncmxkdvt > * {
  width: 100%;
  max-width: 560px;
}

.HsN1kgtCYwBKYiPFkYxf {
  display: grid;
  gap: 12px;
}

.R7cDj7MrAUP4wBHhxPYF {
  padding: 12px;
  border-radius: 14px;
  background: rgba(15, 23, 42, 0.65);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.R7cDj7MrAUP4wBHhxPYF h3 {
  margin: 0 0 8px;
  color: #fbbf24;
  font-size: 0.78rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.tUAFmyAucxYeIh7qWtjc {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-height: 280px;
  overflow: auto;
}

.RXJ8hF2r8SQfQ7WX5Ut8 {
  text-align: left;
  width: 100%;
  border: 1px solid transparent;
  background: transparent;
  color: #cbd5e1;
  border-radius: 10px;
  padding: 6px 8px;
  cursor: pointer;
  font-size: 0.82rem;
  line-height: 1.35;
}

.RXJ8hF2r8SQfQ7WX5Ut8:hover,
.iTR4IZClCQANWI3l8l__ {
  background: rgba(251, 146, 60, 0.12);
  border-color: rgba(251, 146, 60, 0.35);
  color: #fff;
}

@media (max-width: 840px) {
  .cuxiP8KXs8jxou3TeRy0 {
    grid-template-columns: 1fr;
  }
}