/*!*********************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../page-geode/src/Gaming/TreasureHunt/components/Panel/style.module.css ***!
  \*********************************************************************************************************************************************************/
:root {
  --panel-bg-color: #2b2b2b;
  --panel-border-color: #1f1f1f;
}

.EeAG1_MdUK0WpFSHop9G {
  border: 1px solid var(--panel-border-color);
  border-radius: 6px;
  background-color: var(--panel-bg-color);
  overflow: hidden;
}


/*!*********************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../page-geode/src/Gaming/TreasureHunt/components/Field/style.module.css ***!
  \*********************************************************************************************************************************************************/
:root {
  --field-bg-color: #b0b0b0;
  --field-bg-active-color: #f5f5f5;
  --field-bg-has-bomb-color: #984b4b;
  --field-bg-disabled-color: #999b99;
  --field-border-color: #2b2b2b;
  --field-danger-lvl-1-color: #2a9a0b;
  --field-danger-lvl-2-color: #ff9900;
  --field-danger-lvl-3-color: #ff2a04;
  --field-danger-lvl-4-color: #7a0000;
  --field-danger-lvl-5-color: #600707;
  --field-danger-lvl-6-color: #431d04;
}

.MJJ0H0_bCYpiH1FZ0ybH {
  width: 100%; height: 100%;
  display: flex; align-items: center; justify-content: center;
  font-size: 18px; font-weight: bold;
  cursor: pointer; user-select: none;
  border-radius: 3px;
  transition: all 0.1s ease;
  background-color: #c0c0c0;
  border: 2px solid #c0c0c0;
  box-shadow: inset 2px 2px 4px rgba(255,255,255,0.6), inset -2px -2px 4px rgba(0,0,0,0.4), 2px 2px 4px rgba(0,0,0,0.3);
}

/* Closed tiles - 3D raised */
.MJJ0H0_bCYpiH1FZ0ybH:not(.im3wMwxbycInqkpNtwd_) {
  background: linear-gradient(145deg, #e0e0e0, #b8b8b8);
  box-shadow: 3px 3px 6px rgba(0,0,0,0.4), -3px -3px 6px rgba(255,255,255,0.8), inset 1px 1px 2px rgba(255,255,255,0.6);
}

.MJJ0H0_bCYpiH1FZ0ybH:not(.im3wMwxbycInqkpNtwd_):hover {
  background: linear-gradient(145deg, #e8e8e8, #c8c8c8);
  box-shadow: 2px 2px 5px rgba(0,0,0,0.3), -2px -2px 5px rgba(255,255,255,0.9);
}

/* Opened tiles - sunken */
.im3wMwxbycInqkpNtwd_ {
  background-color: #a0a0a0;
  box-shadow: inset 3px 3px 6px rgba(0,0,0,0.5), inset -2px -2px 4px rgba(255,255,255,0.3);
  border: 2px solid #808080;
  cursor: default;
}

/* Gold Coin Cells */
.AN_hQy0SdXoAmSlehWkY {
  background-color: #f59e0b !important;
  color: #1f2937 !important;
  box-shadow: inset 3px 3px 6px rgba(0,0,0,0.4), inset -2px -2px 4px rgba(255,255,255,0.6) !important;
  animation: fDf20HcNp1AUQvpfdQLd 0.4s ease;
}

/* Empty coin cells (show emoji) */
.AN_hQy0SdXoAmSlehWkY:not(.BOVvd8TR4fcqgbHREv5w):not(.yojeynnNHM8Fn7lsNJuM):not(.PHILMPx1sVoUNQ9jNCTP):not(.HfDaUO9bssTQKEZqG2ET):not(.EsR7tMK3OA4ER40kh5rl):not(.rzjhqstaYkyful6TJQxz) {
  color: #fff !important; font-size: 22px !important;
  display: flex; align-items: center; justify-content: center;
}

/* Small board adjustments */
.v7Om0SD6gdcY0XALcjtY .MJJ0H0_bCYpiH1FZ0ybH { font-size: 15px; }
.v7Om0SD6gdcY0XALcjtY .AN_hQy0SdXoAmSlehWkY:not(.BOVvd8TR4fcqgbHREv5w):not(.yojeynnNHM8Fn7lsNJuM):not(.PHILMPx1sVoUNQ9jNCTP):not(.HfDaUO9bssTQKEZqG2ET):not(.EsR7tMK3OA4ER40kh5rl):not(.rzjhqstaYkyful6TJQxz) {
  font-size: 22px !important;
}

/* Numbers & Bomb */
.BOVvd8TR4fcqgbHREv5w { color: #1e90ff !important; }
.yojeynnNHM8Fn7lsNJuM { color: #01ce56 !important; }
.PHILMPx1sVoUNQ9jNCTP { color: #e74c3c !important; }
.HfDaUO9bssTQKEZqG2ET { color: #8e44ad !important; }
.EsR7tMK3OA4ER40kh5rl { color: #c0392b !important; }
.rzjhqstaYkyful6TJQxz { color: #2c3e50 !important; }

.VfNRGTREjaACBbUp3WwA { background-color: #e74c3c !important; color: white; }

/* Animation */
@keyframes fDf20HcNp1AUQvpfdQLd {
  0% { transform: scale(0.7); }
  100% { transform: scale(1); }
}
/*!************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../page-geode/src/Gaming/TreasureHunt/components/Settings/style.module.css ***!
  \************************************************************************************************************************************************************/
.L46wWNBFhdw63HuIO0JY {
  display: flex;
  gap: 10px;
  padding: 12px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  backdrop-filter: blur(8px);
}

.QfSC05EKI5Q3UZx896kQ {
  padding: 10px 28px;
  font-size: 15px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.85);
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  min-width: 110px;
}

.QfSC05EKI5Q3UZx896kQ:hover {
  color: #ff8c00;
  border-color: #ff8c00;
  text-decoration: underline;
  background: rgba(255, 140, 0, 0.12);
  transform: translateY(-1px);
}

.QfSC05EKI5Q3UZx896kQ:active {
  transform: scale(0.96);
  background: rgba(255, 140, 0, 0.25);
}

/* Active button */
.QfSC05EKI5Q3UZx896kQ.I4Jvg82nEmsmrqLmssmS {
  background: #ff8c00;
  color: #ffffff;
  border-color: #ff8c00;
  box-shadow: 0 4px 14px rgba(255, 140, 0, 0.35);
  text-decoration: none;
}

.QfSC05EKI5Q3UZx896kQ.I4Jvg82nEmsmrqLmssmS:hover {
  background: #ff9d1f;
  transform: translateY(-1px);
}
/*!**************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../page-geode/src/Gaming/TreasureHunt/components/Statistics/style.module.css ***!
  \**************************************************************************************************************************************************************/
/* .Statistics {
  border: 1px solid var(--border-primary-color);
  border-radius: 6px;
  cursor: default;
}

.emoji {
  font-size: 20px;
}

.value {
  font-weight: bold;
  font-size: 16px;
} */
 .mLa9oGc5bD8LLvF68z26 {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  padding: 12px 10px;
  text-align: center;
  transition: all 0.2s ease;
  backdrop-filter: blur(8px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.mLa9oGc5bD8LLvF68z26:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.2);
  transform: translateY(-2px);
}

.uIMlRvgoDE5uJUjaQ7Al {
  font-size: 26px;
  margin-bottom: 6px;
  line-height: 1;
}

.RmyRrtMHhPcXJL8mN1mY {
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 2px;
}

.UizRymzhEK2x31pK3wUb {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: rgba(255, 255, 255, 0.6);
  font-weight: 500;
}
/*!********************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../page-geode/src/Gaming/TreasureHunt/components/Game/style.module.css ***!
  \********************************************************************************************************************************************************/
.k4XtYwyHAsJJHaPlvnJ4 {
  display: flex;
  gap: 20px;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  max-width: 1400px;      /* ← Main change: makes the whole game panel narrower */
  margin: 0 auto;         /* Centers the panel */
  width: 100%;
  padding: 8px;           /* subtle inner padding */
  box-sizing: border-box;
}

/* Minefield Container */
.qBM75OLwb8s0bnbrvJ3m {
  display: grid;
  gap: 3px;
  padding: 12px;
  background: #1f2a38;
  border-radius: 12px;
  box-shadow: 
    0 10px 30px rgba(0,0,0,0.6),
    inset 0 2px 6px rgba(255,255,255,0.08);
  max-width: 100%;
  overflow: auto;
}

/* Sidebar */
.ZjkmdGM9H8xyl4t1oYOn {
  min-width: 220px;
  max-width: 260px;       /* ← Optional: prevents the sidebar from getting too wide */
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 12px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  box-shadow: 0 8px 25px rgba(0,0,0,0.4);
  flex-shrink: 0;         /* Keeps sidebar from shrinking too much */
}

/* Stats Grid */
.BFVJG3v22UGJ7f_JcsOL {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

/* Buttons */
.x2AZ5Pa8KhctUQ_zabFH {
  width: 100%;
  height: 48px;
  background: #f37702;
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}

.x2AZ5Pa8KhctUQ_zabFH:hover {
  background: #e14f1a;
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(59, 130, 246, 0.4);
}

.x2AZ5Pa8KhctUQ_zabFH:active {
  transform: translateY(1px);
  box-shadow: 0 2px 6px rgba(59, 130, 246, 0.3);
}

.x2AZ5Pa8KhctUQ_zabFH.QUItk0Yjgbolz1Nrs5q3 {
  background: #64748b;
  box-shadow: 0 4px 12px rgba(100, 116, 139, 0.3);
}

.x2AZ5Pa8KhctUQ_zabFH.QUItk0Yjgbolz1Nrs5q3:hover {
  background: #475569;
}

/* Welcome / Loading Messages */
.G6oOH2Muu0vqyJ3GmDSp {
  grid-column: 1 / -1;
  grid-row: 1 / -1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: center;
  color: #fb9631;
  font-size: 1.15rem;
  font-weight: 500;
  line-height: 1.4;
  opacity: 0.95;
  padding: 20px;
}

/* Spinner */
.Y46AvFYECm88hQhlTUhC {
  margin: 20px auto;
  width: 50px;
  height: 50px;
  border: 5px solid #f3f3f3;
  border-top: 5px solid #f56105;
  border-radius: 50%;
  animation: bWVm3YNAVWIpyKxWwtbk 1s linear infinite;
}

@keyframes bWVm3YNAVWIpyKxWwtbk {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Loss Countdown Overlay */
.YawZqvIJWXEdM59fSJIs {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.35);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  border-radius: 12px;
}

.QrDVwCiSLhcdNGCMX7cO {
  text-align: center;
  color: white;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.9);
  background: rgba(0, 0, 0, 0.75);
  padding: 24px 32px;
  border-radius: 16px;
  border: 3px solid #ff4444;
}

.nRAEXz6uCGkiDUqpSYC6 {
  font-size: 5rem;
  font-weight: bold;
  color: #ff4444;
  margin: 8px 0;
  animation: W_d3R9xoxCMt2n2Cnbrb 1s infinite;
}

@keyframes W_d3R9xoxCMt2n2Cnbrb {
  0% { transform: scale(1); }
  50% { transform: scale(1.1); }
  100% { transform: scale(1); }
}

.OMACeBmAe9gAf34RdNKc {
  font-size: 2.4rem;
  font-weight: 900;
  margin: 0 0 8px 0;
  color: #ff4444;
  text-shadow: 0 3px 10px rgba(0, 0, 0, 0.8);
}

/* ====================== RESPONSIVE STYLES (iPhone) ====================== */

@media (max-width: 900px) {
  .k4XtYwyHAsJJHaPlvnJ4 {
    flex-direction: column;
    align-items: center;
    gap: 16px;
  }

  .ZjkmdGM9H8xyl4t1oYOn {
    min-width: 100%;
    max-width: 520px;
    width: 100%;
    padding: 18px;
  }
}

@media (max-width: 480px) {
  .k4XtYwyHAsJJHaPlvnJ4 {
    gap: 12px;
  }

  .qBM75OLwb8s0bnbrvJ3m {
    padding: 8px;
    gap: 2px;
    border-radius: 10px;
  }

  .ZjkmdGM9H8xyl4t1oYOn {
    padding: 14px;
    gap: 14px;
    border-radius: 10px;
  }

  .BFVJG3v22UGJ7f_JcsOL {
    gap: 8px;
  }

  .x2AZ5Pa8KhctUQ_zabFH {
    height: 44px;
    font-size: 14.5px;
    border-radius: 8px;
  }

  .G6oOH2Muu0vqyJ3GmDSp {
    font-size: 1rem;
    padding: 16px;
  }

  .QrDVwCiSLhcdNGCMX7cO {
    padding: 20px 24px;
  }

  .nRAEXz6uCGkiDUqpSYC6 {
    font-size: 4.2rem;
  }

  .OMACeBmAe9gAf34RdNKc {
    font-size: 2rem;
  }
}

/* ====================== SETTINGS WRAPPER ====================== */
.jsvMBt_216gphvFSHtEo {
  max-width: 1400px;
  margin: 0 auto;
  width: 100%;
  padding: 0 8px;           /* matches the padding you added to .Game */
  box-sizing: border-box;
}



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

.lSZm34du0NAwbHV2Dyoh {
  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;
}

.PYbV3EQAsw4WHHIaGC5m {
  text-align: center;
}

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

.ZTMKEgtgcMyek691YVQK {
  font-size: 32px;
}

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

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

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

.Mh5JnhLZlFAmJqWwdGQO:hover {
  color: rgb(255, 132, 0);          /* 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/Tetris/components/GameHeader/styles.module.css ***!
  \*********************************************************************************************************************************************************/
.qTTMn1xjuk5_H8r1PoYx {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
  position: relative;
}

._kNPPu8QnK8zRqoPJxCz {
  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;
}

.hMOuruEb_oMucTY2IvEN {
  text-align: center;
}

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

.FEIN7v9NvEsE2xp3QVGJ {
  font-size: 32px;
}

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

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

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

.rsiJ8D8LIk1Wrw_OAT8d: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/Tetris/components/MobilControls/styles.module.css ***!
  \************************************************************************************************************************************************************/
.a80XSAoKFFsOwgubpSXx {
  margin-top: 8px;
  width: 100%;
  max-width: 320px;
  margin-left: auto;
  margin-right: auto;
}

.iGz5QWb3VSs3d_n9aWhQ {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
}

.dpZ_nBUTQU8mQIHkhwLs {
  height: 56px;
  font-size: 24px;
  font-weight: 600;
  color: #e0e0e0;
  background: rgba(20, 22, 35, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 
    0 8px 20px rgba(0, 0, 0, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.15),
    inset 0 -2px 0 rgba(0, 0, 0, 0.5);
  transition: all 0.1s ease;
  cursor: pointer;
  user-select: none;
}

.dpZ_nBUTQU8mQIHkhwLs:active {
  transform: scale(0.95);
  box-shadow: 
    0 4px 10px rgba(0, 0, 0, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    inset 0 -1px 0 rgba(0, 0, 0, 0.6);
}

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

.VDq3COK9r7ElfK63aPkx {
  background: rgba(30, 25, 40, 0.9);
  border-color: rgba(180, 100, 255, 0.3);
  color: #c084fc;
}
/*!****************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../page-geode/src/Gaming/Tetris/components/Layout/style.module.css ***!
  \****************************************************************************************************************************************************/
.e2oatc7ug0zhsJLJl1BZ {
  min-height: 100vh;
  color: white;
  display: flex;
  flex-direction: column;
  position: relative;
}

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

/* ==================== Glassmorphic Main Panel ==================== */
.UF77C2QU6206PK8kmoip {
  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: 40px 36px;
  box-shadow: 
    0 12px 40px rgba(0, 0, 0, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
  max-width: 620px;
  margin: 0 auto;
}

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

/* ==================== Stats Row ==================== */
.lHLjIzwByAmshUcIy4qr {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 8px;
}

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

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

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

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

/* ==================== Action Buttons ==================== */
.cNaaJwcJJh0pAU_CJtj6 {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  justify-content: center;
}

.xaaXVMo0dtc8PTQyGquL {
  background: linear-gradient(145deg, #ffa200, #ff8c00);
  color: #1e2937;
  border: none;
  border-radius: 14px;
  padding: 13px 30px;
  font-size: 1rem;
  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),
    inset 0 -3px 6px rgba(0, 0, 0, 0.25);
  min-width: 130px;
}

.xaaXVMo0dtc8PTQyGquL: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);
}

.xaaXVMo0dtc8PTQyGquL: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);
}

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

.oiTAF6DNS30CE72kRaIb {
    width: 56px;
    height: 56px;
    border: 6px solid #3a3f4a;
    border-top: 6px solid #f56105;
    border-radius: 50%;
    animation: zxFGXtnWCDsNaSQH4DLW 1s linear infinite;
    margin-bottom: 24px;
}

@keyframes zxFGXtnWCDsNaSQH4DLW {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Mobile responsiveness */
@media (max-width: 480px) {
  .UF77C2QU6206PK8kmoip {
    padding: 20px 16px;
    max-width: 95%;
  }

  .AishJePA_dk6ixs_8IGJ {
    min-width: 70px;
    padding: 8px 14px;
  }

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

.Ukv33W_A38EWvw78fyHr {
  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;
}

.eK6a7h6Ma08Wi6gi10vJ {
  text-align: center;
}

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

.FHnov4n8CEHjfdpamR8m {
  font-size: 32px;
}

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

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

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

.Uae3XyWt4e4c9lLk_FNi: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/Xenomorphs/components/PayoutAndRules/style.module.css ***!
  \****************************************************************************************************************************************************************/
.y3SvM5sHXwkTh7lkqDWX {
  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);
}

.BJimLPSR4bsYQGtWdcKR {
  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;
}

.ALfR0snEBDIwnR2Im8Ze {
  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);
}

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

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

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

.qCt0tKn7I8bflYFGb9gG {
  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;
}

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

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

.ST6YqUXUWFEkGZvRK1ZY {
  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);
}

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

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

.kEJR8bJ1Q2kCNVDuaYMr strong {
  color: #fff;
}

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

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

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

.UEXVBocF1IbTxRisizgj {
  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;
}

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

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

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

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

.B536J9W8F_U4v8KqNQhz {
  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;
}

.B536J9W8F_U4v8KqNQhz: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/Xenomorphs/components/Layout/style.module.css ***!
  \********************************************************************************************************************************************************/
.tvKJK4JtPEsxb04eA4L2 {
  min-height: 100vh;
  color: white;
  display: flex;
  flex-direction: column;
  position: relative;
}

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

/* ==================== Glassmorphic Main Panel ==================== */
/* ==================== Glassmorphic Main Panel ==================== */
.LyPPkXjDPwOLPFGnmJv2 {
  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: 1280px;           /* Increased from 700px */
  width: 100%;
  margin: 0 auto;
}

/* ==================== Content Area ==================== */
.TnSytDDYhMkLsQuKjAMm {
  display: flex;
  flex-direction: column;
  align-items: stretch;        /* Changed from center */
  gap: 20px;
  width: 100%;
}

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

.ddVI5HLujsU7g3nfS5lB {
  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;
}

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

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

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

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

/* ==================== GAME WRAPPER (Updated for Comms + GameBoard) ==================== */
.LVOiDPpR8NYhQpK33UiX {
  width: 100%;
  max-width: 1200px;           /* Wider to fit Comms + GameBoard side by side */
  margin: 0 auto;
  position: relative;
  border-radius: 16px;
  overflow: visible;           /* Changed from hidden so Comms doesn't get cut off */
  background: transparent;
  border: none;
  box-shadow: none;
}

/* Inner container for Comms + GameBoard layout */
.eHUE_VlJRAeJ20Ril_dZ {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}

/* Desktop: Side by side layout */
@media (min-width: 1024px) {
  .eHUE_VlJRAeJ20Ril_dZ {
    flex-direction: row;
    align-items: flex-start;
    gap: 32px;
  }

  /* Comms panel on the left */
  .eHUE_VlJRAeJ20Ril_dZ > :first-child {
    flex-shrink: 0;
    width: 320px;              /* Fixed width for Comms */
  }

  /* GameBoard takes remaining space */
  .eHUE_VlJRAeJ20Ril_dZ > :last-child {
    flex: 1;
    min-width: 0;              /* Prevents overflow */
  }
}

/* Mobile: Stack vertically */
@media (max-width: 1023px) {
  .LVOiDPpR8NYhQpK33UiX {
    max-width: 100%;
  }

  .eHUE_VlJRAeJ20Ril_dZ {
    flex-direction: column;
  }
}

/* ==================== Action Buttons ==================== */
.Zk2OZIvaHoIU9yublOOw {
  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;
}

.Zk2OZIvaHoIU9yublOOw: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);
}

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

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

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

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

  .TnSytDDYhMkLsQuKjAMm {
    gap: 16px;
  }

  .s2I3oCZI_Aszse0GO_L4 {
    gap: 8px;
  }

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

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

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

  .OFZ6USNww0oCbdVy4Bpb {
    gap: 8px;
  }

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

/* ==================== GameOverlay Card ==================== */
.IkimclHc_1wbWA29Spx3 {
  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) {
  .IkimclHc_1wbWA29Spx3 {
    max-width: 100%;
    padding: 18px 14px;
  }
}

/* ==================== On-Screen Control Pad ==================== */
.SNPg0xsKe6EHqooSlvBp {
  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;
}

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

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

.MNLMvuNlA48ctWKdQx9J {
  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-tap-highlight-color: transparent;
}

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

/* Hide control pad on desktop */
@media (min-width: 768px) {
  .SNPg0xsKe6EHqooSlvBp {
    display: none;
  }
}

/* ==================== Welcome Card (matches game canvas size) ==================== */
.rvLM7agres9BcATSokos {
  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 */
._MVGhShNG0g2eFUp8nTe {
  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 */
.nhiwWKymOKwyvYgrZ1Qj {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;           /* Horizontal centering of children */
  justify-content: center;
  height: 100%;
  width: 100%;
  padding: 40px 24px;
  text-align: center;
  color: #e2e8f0;
}

.nhiwWKymOKwyvYgrZ1Qj 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;
}

/* Paragraphs - Explicit centering */
.nhiwWKymOKwyvYgrZ1Qj p {
  font-size: 1.05rem;
  line-height: 1.6;
  margin-bottom: 12px;
  max-width: 380px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

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

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

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

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

/* ==================== Right Panel (BodyCam + End Turn) ==================== */
.JXehoUJGlq4S12l1Vjng {
  width: 320px;                    /* Same width as Comms */
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* Make sure BodyCam matches Comms width */
.JXehoUJGlq4S12l1Vjng > div:first-child {
  width: 100%;
}

/* Desktop layout */
@media (min-width: 1024px) {
  .eHUE_VlJRAeJ20Ril_dZ {
    flex-direction: row;
    align-items: flex-start;
    gap: 32px;
  }
}

/* Mobile: Stack everything vertically */
@media (max-width: 1023px) {
  .JXehoUJGlq4S12l1Vjng {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
  }
}

/* ==================== Difficulty selector ==================== */
.A4Z1AeDz_W0hdmHuaz8e {
  display: flex;
  gap: 8px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 20px;
}

.bXMnfkLSIUkueixooZrV {
  min-width: 96px;
  padding: 10px 16px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(15, 23, 42, 0.65);
  color: #cbd5e1;
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  cursor: pointer;
  transition: all 0.15s ease;
}

.bXMnfkLSIUkueixooZrV:hover:not(:disabled) {
  border-color: rgba(251, 191, 36, 0.5);
  color: #fff;
}

.wCS3v4HMwo8WD_888aLQ {
  background: linear-gradient(145deg, #ffa200, #ff8c00);
  color: #1e2937;
  border-color: #ffb020;
  box-shadow: 0 4px 14px rgba(255, 140, 0, 0.35);
}

.bXMnfkLSIUkueixooZrV:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
/*!*******************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../page-geode/src/Gaming/Xenomorphs/components/Comms/style.module.css ***!
  \*******************************************************************************************************************************************************/
.TfhhorI0cpQIF0ZGfsof {
 width: 100%;
 max-width: 320px;
 background: rgba(15, 23, 42, 0.82);
 backdrop-filter: blur(20px);
 -webkit-backdrop-filter: blur(20px);
 border: 1px solid rgba(255, 255, 255, 0.12);
 border-radius: 20px;
 padding: 24px 20px;
 color: white;
 box-shadow: 
 0 20px 50px rgba(0, 0, 0, 0.6),
 inset 0 1px 0 rgba(255, 255, 255, 0.1);
 display: flex;
 flex-direction: column;
 gap: 18px;
}

.nxKbAHdiyMcvW0Os1uQl {
 display: flex;
 justify-content: space-between;
 align-items: center;
}

.YFHCdas5e3QRtnUmaZFC {
 font-size: 1.35rem;
 font-weight: 700;
 letter-spacing: 0.5px;
}

.pIIv_ammdYOji8E92nzx {
 background: none;
 border: none;
 color: #94a3b8;
 font-size: 0.9rem;
 cursor: pointer;
 transition: color 0.2s ease;
}

.pIIv_ammdYOji8E92nzx:hover {
 color: white;
}

.WBJ6yh31_kAu8uZM8_TP {
 width: 100%;
 aspect-ratio: 1 / 1;
 background: rgba(15, 23, 42, 0.6);
 border-radius: 16px;
 overflow: hidden;
 border: 1px solid rgba(255, 255, 255, 0.1);
 position: relative;
}

.zpkO4XvD6eEE1UlNyTaU {
 width: 100%;
 height: 100%;
 object-fit: cover;
 filter: contrast(1.05) saturate(1.1);
}

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

.ASlpPtFKBWs9jFKbwOFD {
 color: #4ade80;
 font-size: 0.875rem;
 margin-top: 2px;
}

.FHQEdsr9QNc8KXw6z8SK {
 background: rgba(15, 23, 42, 0.5);
 border: 1px solid rgba(255, 255, 255, 0.08);
 border-radius: 12px;
 padding: 14px 16px;
}

.BU40DpvMTYwVMm5_Blq7 {
 font-size: 0.7rem;
 color: #64748b;
 margin-bottom: 6px;
 text-transform: uppercase;
 letter-spacing: 0.5px;
}

.XFwTlKdEgygtXZGlJM75 {
 font-size: 1.1rem;
 font-weight: 600;
 color: #e2e8f0;
}

.EwaLZmUHIfsS_nZS0_mo {
 display: flex;
 align-items: center;
 gap: 10px;
}

.GKODdKK6zkatKRUqnW7g {
 display: flex;
 gap: 6px;
}

.pT6fxMCLfhIkXHeK2DzW {
 width: 14px;
 height: 14px;
 border-radius: 50%;
 background: #ef4444;
}

.pT6fxMCLfhIkXHeK2DzW.lKNjY7NLWrkdVO7lt8n6 {
 background: #334155;
}

.RTYY6B6VX5EWfP5WYVm0 {
 display: flex;
 flex-direction: column;
 gap: 6px;
}

.eSyAnSMYI7ExAN1rMYMn {
 display: flex;
 justify-content: space-between;
 align-items: center;
 font-size: 0.9rem;
}

.u50d22Tk7CoqX3R0s_lG {
 background: #7f1d1d;
 color: white;
 border: none;
 padding: 2px 10px;
 border-radius: 6px;
 font-size: 0.75rem;
 cursor: pointer;
 transition: background 0.2s ease;
}

.u50d22Tk7CoqX3R0s_lG:hover {
 background: #991b1b;
}

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

.ywfUJ3wueCgxkznl7lik {
 padding: 12px;
 border-radius: 12px;
 font-weight: 600;
 font-size: 0.95rem;
 border: none;
 cursor: pointer;
 transition: all 0.2s ease;
}

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

.HFCoIReZ6UZNP8Yisyoe {
 background: linear-gradient(145deg, #b91c1c, #991b1b);
 color: white;
}

.KXQU1NsUbwk8fuL0ePP_ {
 background: linear-gradient(145deg, #166534, #14532d);
 color: white;
}

.zuPU_Qw8GqI_lor_cSNK {
 grid-column: span 2;
 background: linear-gradient(145deg, #1e40af, #1e3a8a);
 color: white;
}

.nX1CvLdmg0VHvrupN8C0 {
 font-size : 0.7rem;
 color: #64748b;
 text-align: center;
 margin-top: -4px;
}

.Uj8lowu2FokL3_jkd0jT {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin: 0;
  flex-wrap: wrap;
}

.g8QuEOpwSd45iZ7elT4t {
  font-size: 1.5rem;
  font-weight: 800;
  color: #ff7b00; /* orange */
  line-height: 1;
  letter-spacing: 0.02em;
}

.zz_IqpRD_wc7gWmj_vMy {
  font-size: 0.85rem;
  font-weight: 500;
  color: #94a3b8;
}
/*!*********************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../page-geode/src/Gaming/Xenomorphs/components/BodyCam/style.module.css ***!
  \*********************************************************************************************************************************************************/
.UlfiE9Y96bULoGSJMMXw {
  width: 100%;
  max-width: 320px;
  background: rgba(15, 23, 42, 0.82);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 20px;
  padding: 24px 20px;
  color: white;
  box-shadow: 
    0 20px 50px rgba(0, 0, 0, 0.6),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.E7YpoY_irDwGcgZYuOFV {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.avUw9kYdmeE_Cv4f7iBK {
  font-size: 1.35rem;
  font-weight: 700;
  letter-spacing: 0.5px;
}

.LLRtayIlVisTXGc3rsFT {
  background: #ef4444;
  color: white;
  font-size: 0.7rem;
  padding: 2px 10px;
  border-radius: 9999px;
  font-weight: 600;
  letter-spacing: 1px;
}

.dumXb3A5bkAkixfk_bgK {
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #0f172a;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  overflow: hidden;
  position: relative;
}

.xminkFj4MBIsIe_xqboN {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.lPDGhjQvK6ALpsfXvM6a {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(145deg, #1e2937, #0f172a);
}

.Hnr0u9ppucW4YQWMO_qE,
.DqtlaZrA4iA6Ul3PEcNQ {
  font-size: 4rem;
  opacity: 0.9;
}

.AOlpRYBa6PcHmYBkwkA2 {
  color: #64748b;
  font-size: 1.1rem;
}

.LqW323ffkUoevN4_uGzN {
  padding: 14px 16px;
  background: rgba(15, 23, 42, 0.7);
}

.LqW323ffkUoevN4_uGzN h4 {
  margin: 0 0 4px 0;
  font-size: 1.1rem;
}

.hyg8irMX_ZcC8GDxKvVP span {
  color: #ef4444;
  font-weight: 600;
}

.HcF9lqV6wssgg2TPBfvH {
  background: rgba(15, 23, 42, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 16px;
  font-size: 0.95rem;
  line-height: 1.5;
}

.FTWQD3gVNv4v5nIONGfT {
  font-size: 0.7rem;
  color: #64748b;
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.TMbwJphrAwxoZeNZ48GI {
  color: #f87171;
  font-weight: 500;
  margin-top: 8px;
}

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

.g21n_e6coG3hX6E1F7Es {
  padding: 14px;
  border-radius: 12px;
  font-weight: 600;
  font-size: 0.95rem;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
  color: white;
}

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

.Oh3ZtuHkCfoCzrpN451h {
  background: linear-gradient(145deg, #b91c1c, #991b1b);
}

.G1LYPr_3Uloc5R7SsKWX {
  background: linear-gradient(145deg, #166534, #14532d);
}

.xminkFj4MBIsIe_xqboN {
  position: relative;
  width: 100%;
  height: 100%;
}

.O76AoClHeUAnzJ5cDMoa {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.PRmyWG35fwU0Jx9YJYcg {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.85), transparent);
  padding: 16px;
}

.Fo58B5fi79I3fQ15Q_WV {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #64748b;
  font-size: 1.1rem;
}

.TMbwJphrAwxoZeNZ48GI {
  color: #f87171;
  font-weight: 500;
  margin-top: 8px;
}

.swTDVblEAGQg9VoTZdaP {
  font-size: 1.05rem;
  font-weight: 600;
  color: #fbbf24;
  margin: 4px 0 8px 0;
}

.T_MGP3jrJormId15qreI {
  font-size: 0.85rem;
  line-height: 1.5;
  color: #cbd5e1;
}

.IaHgMusg14kRp_Gz1FvZ {
  display: flex;
  gap: 16px;
  margin: 10px 0 12px 0;
}

.FEnP7tE6tYArne7dZHEh {
  display: flex;
  flex-direction: column;
  gap: 2px;
  background: rgba(15, 23, 42, 0.55);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  padding: 8px 12px;
  min-width: 90px;
}

.HCcYe4Q7ULkg4nDgix7E {
  font-size: 0.7rem;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}

.n364b6J7jMejvm1rLqXp {
  font-size: 1.15rem;
  font-weight: 700;
  color: #fbbf24;
}

.swTDVblEAGQg9VoTZdaP {
  font-size: 1.05rem;
  font-weight: 600;
  color: #fbbf24;
  margin: 4px 0 0 0;
}

.T_MGP3jrJormId15qreI {
  font-size: 0.85rem;
  line-height: 1.5;
  color: #cbd5e1;
  margin-top: 6px;
}

.ptTMkHgpzRUUpZJsf71J {
  width: 100%;
  height: 100%;
  background:
    repeating-radial-gradient(circle at 17% 32%, #111 0 1px, transparent 1px 3px),
    repeating-linear-gradient(
      0deg,
      rgba(255, 255, 255, 0.04) 0px,
      rgba(255, 255, 255, 0.04) 1px,
      transparent 1px,
      transparent 3px
    ),
    #0a0a0a;
  animation: J9T2zP1EAl0Z5_8oDvaJ 0.2s steps(4) infinite;
  opacity: 0.9;
}

@keyframes J9T2zP1EAl0Z5_8oDvaJ {
  0% { background-position: 0 0, 0 0; }
  25% { background-position: 10px -15px, -5px 8px; }
  50% { background-position: -12px 7px, 8px -10px; }
  75% { background-position: 6px 12px, -10px -4px; }
  100% { background-position: 0 0, 0 0; }
}

.fupQnPJJ4CdNEpsDCxe4 {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #000;
}

.Z4DhHeNR9DIHHsusjw69 {
  width: 100% !important;
  height: 100% !important;
  display: block;
  object-fit: cover;
}

.S5AZrqB0cJozUluQ8cV8 {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  text-align: center;
  padding: 12px;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.65),
    rgba(0, 0, 0, 0.15) 40%,
    rgba(0, 0, 0, 0.35)
  );
}

.gQhRrLV15MsBQ9te3JKQ {
  color: #f87171;
  font-weight: 700;
  letter-spacing: 1.5px;
  margin: 0 0 6px 0;
  font-size: 0.95rem;
  text-shadow: 0 0 8px rgba(239, 68, 68, 0.6);
}

.eOgyWlmfSQOXiUmEX13g {
  color: #e2e8f0;
  font-size: 0.85rem;
  margin: 0 0 10px 0;
}

.Dgt91n46ehA31DaoQN0s {
  color: rgba(255, 255, 255, 0.35);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 1.1rem;
  letter-spacing: 0.35em;
  margin: 0;
}
/*!**********************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../page-geode/src/Gaming/Xenomorphs/components/Controls/style.module.css ***!
  \**********************************************************************************************************************************************************/
.OFJS5HdpdqQo0SdnXDKv {
  width: 100%;
  max-width: 320px;
  background: rgba(15, 23, 42, 0.82);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 20px;
  padding: 24px 20px;
  color: white;
  box-shadow:
    0 20px 50px rgba(0, 0, 0, 0.6),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.ZtZ9iffAMcFHoCw1b0JE {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 6px;
  width: 100%;
}

.yij38C9DliQW0nlCz6Yv {
  font-size: 1.35rem;
  font-weight: 700;
  letter-spacing: 0.5px;
  margin: 0;
}

.zOFfsra0Lj0UQaUQCxZj {
  display: block;
  width: 100%;
  font-size: 0.85rem;
  color: #fbbf24;
  font-weight: 600;
  line-height: 1.3;
}

.uho7He_D09ILHh8ptuvt {
  display: block;
  width: 100%;
  font-size: 0.8rem;
  color: #64748b;
  line-height: 1.3;
}

/* ==================== D-Pad ==================== */
.Kbm72UhhSLAWwqEeLIoD {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 12px 0;
}

.jSKQIPaD7R8YnTP5OU8t {
  display: flex;
  gap: 48px;
}

.HCIQu9hbRcQu71zMBl7N {
  width: 56px;
  height: 56px;
  font-size: 1.5rem;
  background: rgba(51, 65, 85, 0.85);
  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.15s ease;
  user-select: none;
}

.HCIQu9hbRcQu71zMBl7N:hover:not(:disabled) {
  background: #3b82f6;
  border-color: #60a5fa;
  transform: scale(1.05);
}

.HCIQu9hbRcQu71zMBl7N:active:not(:disabled) {
  transform: scale(0.95);
}

.HCIQu9hbRcQu71zMBl7N:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}

/* ==================== Action Buttons ==================== */
.trPX69ycy1gxsAxtJqD2 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
}

.V45kXQBO_gCeM0g9Hyry {
  padding: 12px 8px;
  border-radius: 12px;
  font-weight: 600;
  font-size: 0.9rem;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
  color: white;
}

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

.vXwMwjkmKPYef57IJ6Mo {
  background: linear-gradient(145deg, #b91c1c, #991b1b);
}

.vXwMwjkmKPYef57IJ6Mo:hover:not(:disabled) {
  background: linear-gradient(145deg, #dc2626, #b91c1c);
}

.ZBdfjQAfopoUAfPrQEF1 {
  background: linear-gradient(145deg, #166534, #14532d);
}

.ZBdfjQAfopoUAfPrQEF1:hover:not(:disabled) {
  background: linear-gradient(145deg, #15803d, #166534);
}

.FbkVlnO9f5MsHkdEEk7X {
  background: linear-gradient(145deg, #92400e, #78350f);
}

.FbkVlnO9f5MsHkdEEk7X:hover:not(:disabled) {
  background: linear-gradient(145deg, #b45309, #92400e);
}

/* ==================== End Turn ==================== */
.lmE5Fh2j6Z4A0UAZuVOO {
  width: 100%;
  padding: 14px;
  border-radius: 12px;
  font-weight: 700;
  font-size: 1rem;
  border: 2px solid #3b82f6;
  background: #1e40af;
  color: white;
  cursor: pointer;
  transition: all 0.2s ease;
}

.lmE5Fh2j6Z4A0UAZuVOO:hover:not(:disabled) {
  background: #2563eb;
  transform: translateY(-2px);
}

.lmE5Fh2j6Z4A0UAZuVOO:disabled {
  opacity: 0.45;
  cursor: not-allowed;
  transform: none;
}

.JiyvmK8dPBc3Emou6jDJ {
  font-size: 0.75rem;
  color: #64748b;
  text-align: center;
  margin: 0;
}
/*!**************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../page-geode/src/Gaming/XenomorphsII/components/GameHeader/style.module.css ***!
  \**************************************************************************************************************************************************************/
.tkTsmGxNCF8CeStZcT_b {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
  position: relative;
}

.pGGojMMbStYsaXYgh3of {
  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;
}

.Wr2qnxIGqMUAoyI_UKVQ {
  text-align: center;
}

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

.IUiFOn3pqlstfvZHcdqs {
  font-size: 32px;
}

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

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

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

.MfT_ElaimZMlWQG9r54n: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/XenomorphsII/components/PayoutAndRules/style.module.css ***!
  \******************************************************************************************************************************************************************/
.MwQ51AwcIgkzoRKLEtWx {
  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);
}

.YPpDT6VRNsjngaOb8fXI {
  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;
}

.uOGIlOfpfRE7G3GUcpra {
  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);
}

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

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

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

.lK4URXe4nEXcFwx_JUsy {
  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;
}

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

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

.oEcHtdbVYgL_W1UCzKKp {
  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);
}

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

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

.rlBwZ7YgJdYjmp8ZGhTm strong {
  color: #fff;
}

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

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

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

.fhQXBOtnQzIGvmNkY7Og {
  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;
}

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

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

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

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

.jDfZDNYYsyIaGK4IEmM2 {
  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;
}

.jDfZDNYYsyIaGK4IEmM2: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/XenomorphsII/components/Layout/style.module.css ***!
  \**********************************************************************************************************************************************************/
.TgEHIt6gXmsdAFbztEGO {
  min-height: 100vh;
  color: white;
  display: flex;
  flex-direction: column;
  position: relative;
}

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

/* ==================== Glassmorphic Main Panel ==================== */
/* ==================== Glassmorphic Main Panel ==================== */
.pJeWDzLcgKITqIO542wS {
  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: 1280px;           /* Increased from 700px */
  width: 100%;
  margin: 0 auto;
}

/* ==================== Content Area ==================== */
.of7WECnRG780VxOc0tXH {
  display: flex;
  flex-direction: column;
  align-items: stretch;        /* Changed from center */
  gap: 20px;
  width: 100%;
}

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

.s9lCYF_3JM91iodcnlRH {
  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;
}

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

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

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

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

/* ==================== GAME WRAPPER (Updated for Comms + GameBoard) ==================== */
.C7eFSHF8OIIizxInTRXQ {
  width: 100%;
  max-width: 1200px;           /* Wider to fit Comms + GameBoard side by side */
  margin: 0 auto;
  position: relative;
  border-radius: 16px;
  overflow: visible;           /* Changed from hidden so Comms doesn't get cut off */
  background: transparent;
  border: none;
  box-shadow: none;
}

/* Inner container for Comms + GameBoard layout */
.M5Xzaheh22QQRnuWwjkM {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}

/* Desktop: Side by side layout */
@media (min-width: 1024px) {
  .M5Xzaheh22QQRnuWwjkM {
    flex-direction: row;
    align-items: flex-start;
    gap: 32px;
  }

  /* Comms panel on the left */
  .M5Xzaheh22QQRnuWwjkM > :first-child {
    flex-shrink: 0;
    width: 320px;              /* Fixed width for Comms */
  }

  /* GameBoard takes remaining space */
  .M5Xzaheh22QQRnuWwjkM > :last-child {
    flex: 1;
    min-width: 0;              /* Prevents overflow */
  }
}

/* Mobile: Stack vertically */
@media (max-width: 1023px) {
  .C7eFSHF8OIIizxInTRXQ {
    max-width: 100%;
  }

  .M5Xzaheh22QQRnuWwjkM {
    flex-direction: column;
  }
}

/* ==================== Action Buttons ==================== */
._3z00egNhAhmHSlh0GwQ {
  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;
}

._3z00egNhAhmHSlh0GwQ: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);
}

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

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

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

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

  .of7WECnRG780VxOc0tXH {
    gap: 16px;
  }

  .hqrv9n01VjwLXlCf4yhY {
    gap: 8px;
  }

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

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

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

  .KUwdr0ZjILwB0HPdD7L3 {
    gap: 8px;
  }

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

/* ==================== GameOverlay Card ==================== */
.yjG8mlQ4Jem9PY1f_mQC {
  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) {
  .yjG8mlQ4Jem9PY1f_mQC {
    max-width: 100%;
    padding: 18px 14px;
  }
}

/* ==================== On-Screen Control Pad ==================== */
.tSYPaKwxAdm6x7k56ijA {
  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;
}

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

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

.uu5JacaHQSg7l62e4LTA {
  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-tap-highlight-color: transparent;
}

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

/* Hide control pad on desktop */
@media (min-width: 768px) {
  .tSYPaKwxAdm6x7k56ijA {
    display: none;
  }
}

/* ==================== Welcome Card (matches game canvas size) ==================== */
.ldXpeWZey88A5x9dVH2c {
  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 */
.hYYIhhY1zqI8gyMgL_Fd {
  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 */
.ByBssWVc75EKA9yy4Dax {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;           /* Horizontal centering of children */
  justify-content: center;
  height: 100%;
  width: 100%;
  padding: 40px 24px;
  text-align: center;
  color: #e2e8f0;
}

.ByBssWVc75EKA9yy4Dax 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;
}

/* Paragraphs - Explicit centering */
.ByBssWVc75EKA9yy4Dax p {
  font-size: 1.05rem;
  line-height: 1.6;
  margin-bottom: 12px;
  max-width: 380px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

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

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

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

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

/* ==================== Right Panel (BodyCam + End Turn) ==================== */
.TjZLylig7xIVAd39Ogv4 {
  width: 320px;                    /* Same width as Comms */
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* Make sure BodyCam matches Comms width */
.TjZLylig7xIVAd39Ogv4 > div:first-child {
  width: 100%;
}

/* Desktop layout */
@media (min-width: 1024px) {
  .M5Xzaheh22QQRnuWwjkM {
    flex-direction: row;
    align-items: flex-start;
    gap: 32px;
  }
}

/* Mobile: Stack everything vertically */
@media (max-width: 1023px) {
  .TjZLylig7xIVAd39Ogv4 {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
  }
}

/* ==================== Difficulty selector ==================== */
.pTENArOG1UMU_1O2Saaw {
  display: flex;
  gap: 8px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 20px;
}

.hofPYKBTu8E0pgdu0oGM {
  min-width: 96px;
  padding: 10px 16px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(15, 23, 42, 0.65);
  color: #cbd5e1;
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  cursor: pointer;
  transition: all 0.15s ease;
}

.hofPYKBTu8E0pgdu0oGM:hover:not(:disabled) {
  border-color: rgba(251, 191, 36, 0.5);
  color: #fff;
}

.e3vGGj7na86uSgwO7cg5 {
  background: linear-gradient(145deg, #ffa200, #ff8c00);
  color: #1e2937;
  border-color: #ffb020;
  box-shadow: 0 4px 14px rgba(255, 140, 0, 0.35);
}

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

/* ==================== Level Selector (glassmorphic 3-D) ==================== */
.jChp2Gzq8owGmanR2PL9 {
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 8px;
  width: 100%;
}

.xlFRigbDZxIdjunRbMLO {
  min-width: 100px;
  padding: 12px 22px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(15, 23, 42, 0.72);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  color: #cbd5e1;
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  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.14);
}

.xlFRigbDZxIdjunRbMLO:hover {
  border-color: rgba(251, 191, 36, 0.5);
  color: #fff;
  transform: translateY(-3px);
  box-shadow:
    0 10px 22px rgba(0, 0, 0, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

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

.eXhrbKUvVf82aLOMmCHb {
  background: linear-gradient(145deg, #ffa200, #ff8c00);
  color: #1e2937;
  border-color: #ffb020;
  box-shadow:
    0 6px 16px rgba(255, 140, 0, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.45);
  transform: translateY(-1px);
}

.eXhrbKUvVf82aLOMmCHb:hover {
  background: linear-gradient(145deg, #ffaa33, #ff9500);
  box-shadow:
    0 10px 22px rgba(255, 140, 0, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.5);
}

.rkK0qRtVM0bNjp4xPQXE {
  margin-top: 12px;
  text-align: center;
}

.W9Dtz3O5tKYDV1W_72XT {
  background: none;
  border: none;
  color: #eb431d;
  font-size: 1.2rem;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}

.W9Dtz3O5tKYDV1W_72XT:hover {
  color: #f68403;
}
/*!*********************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../page-geode/src/Gaming/XenomorphsII/components/Comms/style.module.css ***!
  \*********************************************************************************************************************************************************/
._qnrS7eGUIv3oCT7Hp1Y {
 width: 100%;
 max-width: 320px;
 background: rgba(15, 23, 42, 0.82);
 backdrop-filter: blur(20px);
 -webkit-backdrop-filter: blur(20px);
 border: 1px solid rgba(255, 255, 255, 0.12);
 border-radius: 20px;
 padding: 24px 20px;
 color: white;
 box-shadow: 
 0 20px 50px rgba(0, 0, 0, 0.6),
 inset 0 1px 0 rgba(255, 255, 255, 0.1);
 display: flex;
 flex-direction: column;
 gap: 18px;
}

.TJdgYiH629A78Br1Tzlr {
 display: flex;
 justify-content: space-between;
 align-items: center;
}

.HK3GPO2tSmYi2nML0a4G {
 font-size: 1.35rem;
 font-weight: 700;
 letter-spacing: 0.5px;
}

.vuqvaEQPmLAF_Gp_K8sD {
 background: none;
 border: none;
 color: #94a3b8;
 font-size: 0.9rem;
 cursor: pointer;
 transition: color 0.2s ease;
}

.vuqvaEQPmLAF_Gp_K8sD:hover {
 color: white;
}

.tQ1XbGBYu6IqnxS2f8iy {
 width: 100%;
 aspect-ratio: 1 / 1;
 background: rgba(15, 23, 42, 0.6);
 border-radius: 16px;
 overflow: hidden;
 border: 1px solid rgba(255, 255, 255, 0.1);
 position: relative;
}

.IMJ6aTq1sXwN035JRrYh {
 width: 100%;
 height: 100%;
 object-fit: cover;
 filter: contrast(1.05) saturate(1.1);
}

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

.SCHnPxFv5tIRjnve8jjM {
 color: #4ade80;
 font-size: 0.875rem;
 margin-top: 2px;
}

.VpaPb7Zo2mMPpVlh95f6 {
 background: rgba(15, 23, 42, 0.5);
 border: 1px solid rgba(255, 255, 255, 0.08);
 border-radius: 12px;
 padding: 14px 16px;
}

.tUcDAUzEZLAUQxtgBlsj {
 font-size: 0.7rem;
 color: #64748b;
 margin-bottom: 6px;
 text-transform: uppercase;
 letter-spacing: 0.5px;
}

.GZHr2lJl6kneC_ZrljWg {
 font-size: 1.1rem;
 font-weight: 600;
 color: #e2e8f0;
}

.zvcKoETRLtc1iXehygvu {
 display: flex;
 align-items: center;
 gap: 10px;
}

.yvwGTnHi24O3F7BLfKLV {
 display: flex;
 gap: 6px;
}

.ErcXoJi_SqcRVSG4SFIT {
 width: 14px;
 height: 14px;
 border-radius: 50%;
 background: #ef4444;
}

.ErcXoJi_SqcRVSG4SFIT.vZeaVJJ8cnImnQV4Ypvk {
 background: #334155;
}

.RRXEP9MUqpInNicQMilL {
 display: flex;
 flex-direction: column;
 gap: 6px;
}

.GhOHYc64juMkVZNsBm0t {
 display: flex;
 justify-content: space-between;
 align-items: center;
 font-size: 0.9rem;
}

.ZZje7RuQkEQb6iUtLrMG {
 background: #7f1d1d;
 color: white;
 border: none;
 padding: 2px 10px;
 border-radius: 6px;
 font-size: 0.75rem;
 cursor: pointer;
 transition: background 0.2s ease;
}

.ZZje7RuQkEQb6iUtLrMG:hover {
 background: #991b1b;
}

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

.Jd5rbYx9IA46jP7H1xRA {
 padding: 12px;
 border-radius: 12px;
 font-weight: 600;
 font-size: 0.95rem;
 border: none;
 cursor: pointer;
 transition: all 0.2s ease;
}

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

.yOcYYbkQgl4LljDydhBw {
 background: linear-gradient(145deg, #b91c1c, #991b1b);
 color: white;
}

.YlwBW9dkvg8Rhwk5DmMR {
 background: linear-gradient(145deg, #166534, #14532d);
 color: white;
}

.Kk0uKySRqzU120Py7lm2 {
 grid-column: span 2;
 background: linear-gradient(145deg, #1e40af, #1e3a8a);
 color: white;
}

.Qne4iczKcCUUoMlIVMcO {
 font-size : 0.7rem;
 color: #64748b;
 text-align: center;
 margin-top: -4px;
}

.g3KIHLaiAslW1lwVQT9U {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin: 0;
  flex-wrap: wrap;
}

.S0ULJtD2aXMUqtyzUNT4 {
  font-size: 1.5rem;
  font-weight: 800;
  color: #ff7b00; /* orange */
  line-height: 1;
  letter-spacing: 0.02em;
}

.EgRvUqsVFEp5ipEOcYlm {
  font-size: 0.85rem;
  font-weight: 500;
  color: #94a3b8;
}

.gtlLKloCuPoNW0IS6Nr2 {
  font-size: 0.75rem;
  color: #94a3b8;
  margin-top: 2px;
}

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

.EG9LjUTQLrQjZiGT0Dfy {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(15, 23, 42, 0.55);
  color: #e2e8f0;
  font-size: 0.8rem;
  cursor: pointer;
  text-align: left;
  transition: all 0.15s ease;
}

.EG9LjUTQLrQjZiGT0Dfy:hover {
  border-color: rgba(96, 165, 250, 0.4);
  background: rgba(30, 41, 59, 0.85);
}

._IhqFbnq4toFHAiRwE8u {
  border-color: rgba(96, 165, 250, 0.55);
  background: rgba(37, 99, 235, 0.25);
}

.e2nB7FLSmUwL2fPfk0ye {
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bDsv9bwPEZ4ZUUWjT8fZ {
  font-size: 0.7rem;
  font-weight: 600;
  flex-shrink: 0;
}
/*!***********************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../page-geode/src/Gaming/XenomorphsII/components/BodyCam/style.module.css ***!
  \***********************************************************************************************************************************************************/
.bFjmQqT9p7AsO6yrkTK0 {
  width: 100%;
  max-width: 320px;
  background: rgba(15, 23, 42, 0.82);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 20px;
  padding: 24px 20px;
  color: white;
  box-shadow: 
    0 20px 50px rgba(0, 0, 0, 0.6),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.jQ56zE7qKO0eZ5vpYDRH {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.FFusn8uvud01HeypWjJf {
  font-size: 1.35rem;
  font-weight: 700;
  letter-spacing: 0.5px;
}

.d09U0AJdcCM7MfbjJA_P {
  background: #ef4444;
  color: white;
  font-size: 0.7rem;
  padding: 2px 10px;
  border-radius: 9999px;
  font-weight: 600;
  letter-spacing: 1px;
}

.iVoktO1LHV4JWwH5Oi99 {
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #0f172a;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  overflow: hidden;
  position: relative;
}

.cfSogoPEVgkBwdXAeZv_ {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.yYmMAIxB5IGGF3SXdnyZ {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(145deg, #1e2937, #0f172a);
}

.Ym1Px5K7yUR8cSP2oPV8,
.KGjyiBmIp2QUadDQAJxy {
  font-size: 4rem;
  opacity: 0.9;
}

.inQSxaA2f3EM7p7xQjp_ {
  color: #64748b;
  font-size: 1.1rem;
}

.b974AyCix5sZ8hCHn2J8 {
  padding: 14px 16px;
  background: rgba(15, 23, 42, 0.7);
}

.b974AyCix5sZ8hCHn2J8 h4 {
  margin: 0 0 4px 0;
  font-size: 1.1rem;
}

._nK9gZTZeHscGb_Enf90 span {
  color: #ef4444;
  font-weight: 600;
}

.O34k84I5J4ZtV5jbiX_Y {
  background: rgba(15, 23, 42, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 16px;
  font-size: 0.95rem;
  line-height: 1.5;
}

.dweSyCk5ksTozQIegQnz {
  font-size: 0.7rem;
  color: #64748b;
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.kOrLiBkG2wFNjjW7QgYR {
  color: #f87171;
  font-weight: 500;
  margin-top: 8px;
}

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

.UbgpJbf9Ls8W7NBG9hxG {
  padding: 14px;
  border-radius: 12px;
  font-weight: 600;
  font-size: 0.95rem;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
  color: white;
}

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

.Q55QJqzKH1wSnOhbuGo4 {
  background: linear-gradient(145deg, #b91c1c, #991b1b);
}

.Lmbo26zCjuQrfwPod_E5 {
  background: linear-gradient(145deg, #166534, #14532d);
}

.cfSogoPEVgkBwdXAeZv_ {
  position: relative;
  width: 100%;
  height: 100%;
}

.x_FAuYz3EJoLKWnk9Zao {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.AaproyAcDwsznGUd8AZ9 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.85), transparent);
  padding: 16px;
}

.gb602BNGC7wUTfnKtqeD {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #64748b;
  font-size: 1.1rem;
}

.kOrLiBkG2wFNjjW7QgYR {
  color: #f87171;
  font-weight: 500;
  margin-top: 8px;
}

.NaXDyGjZPdAxzt3ufvqh {
  font-size: 1.05rem;
  font-weight: 600;
  color: #fbbf24;
  margin: 4px 0 8px 0;
}

.hRYLrWZoYUAxDcHRc5aH {
  font-size: 0.85rem;
  line-height: 1.5;
  color: #cbd5e1;
}

.hX5p9AvPw77k7Wck63FE {
  display: flex;
  gap: 16px;
  margin: 10px 0 12px 0;
}

.Ub3eUMdrK6ow63bVSiDN {
  display: flex;
  flex-direction: column;
  gap: 2px;
  background: rgba(15, 23, 42, 0.55);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  padding: 8px 12px;
  min-width: 90px;
}

.PVOPgb3cKYHInwOfw0ex {
  font-size: 0.7rem;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}

.NgzvmYE2sAMPE_HIzkS4 {
  font-size: 1.15rem;
  font-weight: 700;
  color: #fbbf24;
}

.NaXDyGjZPdAxzt3ufvqh {
  font-size: 1.05rem;
  font-weight: 600;
  color: #fbbf24;
  margin: 4px 0 0 0;
}

.hRYLrWZoYUAxDcHRc5aH {
  font-size: 0.85rem;
  line-height: 1.5;
  color: #cbd5e1;
  margin-top: 6px;
}

.CBCq5OiknQdEDMTxFZ3r {
  width: 100%;
  height: 100%;
  background:
    repeating-radial-gradient(circle at 17% 32%, #111 0 1px, transparent 1px 3px),
    repeating-linear-gradient(
      0deg,
      rgba(255, 255, 255, 0.04) 0px,
      rgba(255, 255, 255, 0.04) 1px,
      transparent 1px,
      transparent 3px
    ),
    #0a0a0a;
  animation: _PabAVwl7v4hKNvtkX_f 0.2s steps(4) infinite;
  opacity: 0.9;
}

@keyframes _PabAVwl7v4hKNvtkX_f {
  0% { background-position: 0 0, 0 0; }
  25% { background-position: 10px -15px, -5px 8px; }
  50% { background-position: -12px 7px, 8px -10px; }
  75% { background-position: 6px 12px, -10px -4px; }
  100% { background-position: 0 0, 0 0; }
}

.e8_7OBB9XHwqUhK7Y9j_ {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #000;
}

.DGVvvkCnGhYXgGI6Qq7C {
  width: 100% !important;
  height: 100% !important;
  display: block;
  object-fit: cover;
}

.CHjl8l7Rnsdu1_51h74C {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  text-align: center;
  padding: 12px;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.65),
    rgba(0, 0, 0, 0.15) 40%,
    rgba(0, 0, 0, 0.35)
  );
}

.YL54h4zdKwMkojQGGQyo {
  color: #f87171;
  font-weight: 700;
  letter-spacing: 1.5px;
  margin: 0 0 6px 0;
  font-size: 0.95rem;
  text-shadow: 0 0 8px rgba(239, 68, 68, 0.6);
}

.hUa5vTkiO9YYe7Uktn6J {
  color: #e2e8f0;
  font-size: 0.85rem;
  margin: 0 0 10px 0;
}

.TF5Fft1voKYsDhv8FMMR {
  color: rgba(255, 255, 255, 0.35);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 1.1rem;
  letter-spacing: 0.35em;
  margin: 0;
}
/*!************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../page-geode/src/Gaming/XenomorphsII/components/Controls/style.module.css ***!
  \************************************************************************************************************************************************************/
.eZAxgnxlcrYnkePFe3x7 {
  width: 100%;
  max-width: 320px;
  background: rgba(15, 23, 42, 0.82);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 20px;
  padding: 24px 20px;
  color: white;
  box-shadow:
    0 20px 50px rgba(0, 0, 0, 0.6),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.A9OpCUZqRsOvFKHF8e9H {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 6px;
  width: 100%;
}

.NGWcYuJch7cEHrhsShKO {
  font-size: 1.35rem;
  font-weight: 700;
  letter-spacing: 0.5px;
  margin: 0;
}

.lZSr9fGhrOIwzqa7Hhtp {
  display: block;
  width: 100%;
  font-size: 0.85rem;
  color: #fbbf24;
  font-weight: 600;
  line-height: 1.3;
}

.Y7lpR26gqb0xWRIiJcAx {
  display: block;
  width: 100%;
  font-size: 0.8rem;
  color: #64748b;
  line-height: 1.3;
}

/* ==================== D-Pad ==================== */
.HnhIoJ0KZUcpm2mX1LIH {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 12px 0;
}

.z_znCC7u4agQmtWEG7t0 {
  display: flex;
  gap: 48px;
}

.e4lOp62iYkE2yh3Qe_KK {
  width: 56px;
  height: 56px;
  font-size: 1.5rem;
  background: rgba(51, 65, 85, 0.85);
  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.15s ease;
  user-select: none;
}

.e4lOp62iYkE2yh3Qe_KK:hover:not(:disabled) {
  background: #3b82f6;
  border-color: #60a5fa;
  transform: scale(1.05);
}

.e4lOp62iYkE2yh3Qe_KK:active:not(:disabled) {
  transform: scale(0.95);
}

.e4lOp62iYkE2yh3Qe_KK:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}

/* ==================== Action Buttons ==================== */
.ALKGhXs04B0diAuluLf4 {
  color: #94a3b8;
  font-weight: 500;
}

/* 4-column grid: Attack | Pick Up | Drop | Escort */
.EtWEq1HJQoa3GQsd3aFd {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 8px;
}

.lcATsbZuQIw6rbLfoid_ {
  padding: 12px 8px;
  border-radius: 12px;
  font-weight: 600;
  font-size: 0.9rem;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
  color: white;
}

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

.GYoBK8ILGU8_wnPxs7pn {
  background: linear-gradient(145deg, #b91c1c, #991b1b);
}

.GYoBK8ILGU8_wnPxs7pn:hover:not(:disabled) {
  background: linear-gradient(145deg, #dc2626, #b91c1c);
}

.GoRwMoQp0e9Fq2fwXvAY {
  background: linear-gradient(145deg, #166534, #14532d);
}

.GoRwMoQp0e9Fq2fwXvAY:hover:not(:disabled) {
  background: linear-gradient(145deg, #15803d, #166534);
}

.sU_WoBJOdM4CqkLjuACi {
  background: linear-gradient(145deg, #92400e, #78350f);
}

.sU_WoBJOdM4CqkLjuACi:hover:not(:disabled) {
  background: linear-gradient(145deg, #b45309, #92400e);
}

/* ==================== End Turn ==================== */
.KVOSBGwMP18Rn9W7C2ir {
  width: 100%;
  padding: 14px;
  border-radius: 12px;
  font-weight: 700;
  font-size: 1rem;
  border: 2px solid #3b82f6;
  background: #1e40af;
  color: white;
  cursor: pointer;
  transition: all 0.2s ease;
}

.KVOSBGwMP18Rn9W7C2ir:hover:not(:disabled) {
  background: #2563eb;
  transform: translateY(-2px);
}

.KVOSBGwMP18Rn9W7C2ir:disabled {
  opacity: 0.45;
  cursor: not-allowed;
  transform: none;
}

.QgxJlyJuyD4grewBgAgl {
  font-size: 0.75rem;
  color: #64748b;
  text-align: center;
  margin: 0;
}

.qN2kGDaRTywPRxXyIgjz {
  background: linear-gradient(145deg, #1d4ed8, #1e40af);
}

.qN2kGDaRTywPRxXyIgjz:hover:not(:disabled) {
  background: linear-gradient(145deg, #2563eb, #1d4ed8);
}

/* ==================== Elevator ==================== */
.o42wcH9IvXYNdLigtF2L {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

.uFYXtYX1jZsxtZ89Ughu {
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #94a3b8;
}

.pn8c6Pzd8o0MhV8Kv_IX {
  display: flex;
  gap: 8px;
  justify-content: stretch;
  width: 100%;
}

.pubOKe2A0BoZqIyvqaJL {
  flex: 1;
  min-width: 0;
  padding: 10px 8px;
  border-radius: 12px;
  border: 1px solid rgba(168, 85, 247, 0.25);
  background: rgba(68, 0, 76, 0.45);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  color: #e9d5ff;
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow:
    0 4px 12px rgba(0, 0, 0, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.pubOKe2A0BoZqIyvqaJL:hover:not(:disabled) {
  border-color: rgba(192, 132, 252, 0.55);
  color: #fff;
  transform: translateY(-2px);
  box-shadow:
    0 8px 18px rgba(88, 28, 135, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

.pubOKe2A0BoZqIyvqaJL:active:not(:disabled) {
  transform: translateY(1px);
}

.pubOKe2A0BoZqIyvqaJL:disabled {
  opacity: 0.35;
  cursor: not-allowed;
  transform: none;
}

.Cv6UuCTXGuYHaP8uL5Dr {
  border-color: rgba(192, 132, 252, 0.5);
  box-shadow:
    0 0 0 1px rgba(168, 85, 247, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.12);
}
/*!******************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../page-geode/src/Gaming/XenomorphsII/components/ExoplanetStats/style.module.css ***!
  \******************************************************************************************************************************************************************/
.XGbPI9gnYMkWFh835ztq {
  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);
}

.HbCH_D0zD84GW4FqSgG8 {
  width: min(760px, 100%);
  max-height: min(88vh, 920px);
  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;
}

.Sx79Y43AUjIxXmKQGqE4 {
  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);
}

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

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

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

.UtgPXygRJckGv3l4rAml {
  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;
}

.UtgPXygRJckGv3l4rAml:hover {
  border-color: rgba(56, 189, 248, 0.5);
  color: #fff;
}

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

.SXNt6mJbDhkFG1Q00MMB {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 16px;
}

.N2hGYhzeIKM0kFrTsEp2 {
  margin: 0;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(15, 23, 42, 0.9);
}

.Y9qySg4DDcs3kBhXnno0 {
  grid-column: 1 / -1;
}

.JvkiJ7pEhA_tOg44i9mV {
  display: block;
  width: 100%;
  height: 160px;
  object-fit: cover;
}

.Y9qySg4DDcs3kBhXnno0 .JvkiJ7pEhA_tOg44i9mV {
  height: 200px;
}

.N2hGYhzeIKM0kFrTsEp2 figcaption {
  padding: 8px 12px;
  font-size: 0.72rem;
  color: #94a3b8;
  letter-spacing: 0.03em;
}

.QiBeacgHVQwDx6ljHnpA {
  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);
}

._ehjsKX8PFghDxxCXEZQ {
  border-color: rgba(249, 115, 22, 0.22);
  background: rgba(67, 20, 7, 0.22);
}

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

._ehjsKX8PFghDxxCXEZQ .CXNWk0aW_rscEFCdoOJg {
  color: #fb923c;
}

.IV2E4SSvSN49CEGbeckJ {
  margin: 0 0 12px;
  font-size: 0.85rem;
  color: #94a3b8;
  line-height: 1.4;
}

.EjslXodlHsgDyewMl8ZR {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-bottom: 12px;
}

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

  .Y9qySg4DDcs3kBhXnno0 {
    grid-column: auto;
  }
}

.r0NGKq_6A4fQC16KsgfB {
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(15, 23, 42, 0.75);
  border: 1px solid rgba(255, 255, 255, 0.08);
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._cHYRQoPzy4CBgkt8Rba {
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #64748b;
}

.j3HoebEAYcYa6ig8_BVc {
  font-size: 0.9rem;
  font-weight: 700;
  color: #f1f5f9;
}

.a6wmUrQuGEImdHTKZOek {
  color: #f87171;
}

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

.jQgto11pGUoa3HmItIAG strong {
  color: #fff;
}

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

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

.mnOCll5I2AuFiae9u5br {
  min-width: 140px;
  padding: 12px 20px;
  border-radius: 12px;
  border: none;
  font-weight: 700;
  font-size: 0.95rem;
  cursor: pointer;
  color: #0f172a;
  background: linear-gradient(145deg, #f1521d, #eca007);
  box-shadow: 0 4px 14px rgba(240, 60, 6, 0.35);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.mnOCll5I2AuFiae9u5br:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(14, 165, 233, 0.45);
}