/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@15.5.2_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[2]!./node_modules/.pnpm/next@15.5.2_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[3]!./components/games/character/CharacterCard/index.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.MuiCard-root.CharacterCard_CharacterCard__InZsa {
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #e6e6e6;
  box-shadow: none;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  min-width: 0;
  cursor: default;
}

.MuiCard-root.CharacterCard_isSelected__xMHj4 {
  border: 3px solid var(--color-base);
}

.CharacterCard_ImageBox__rdD2E {
  width: 100%;
  height: auto;
  aspect-ratio: 5 / 6;
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
  display: block;
  background-color: #eff9f0;
}

.CharacterCard_BottomArea__vfyVx {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 16px;
  padding-right: 16px;
  background-color: #fff;
  min-height: 100px;
}

.MuiTypography-root.CharacterCard_CharacterName__MFtqd {
  font-weight: bold;
  align-self: flex-start;
  margin-bottom: 8px; /* mb:1 */
  line-height: 1.2;
  white-space: nowrap;
  font-size: 16px;
}

.CharacterCard_ChooseBtnArea__uNm4E {
  width: 100%;
  display: flex;
  justify-content: center;
}

.MuiButton-root.CharacterCard_ChooseBtn__f6_88 {
  width: 80%;
  border-radius: 50px;
  font-weight: bold;
  text-transform: none;
  padding-top: 8px; /* py:1 */
  padding-bottom: 8px;
  transition: all 0.2s ease;
  white-space: nowrap;
  min-width: 0;
}

@media (max-width: 1200px) {
  .MuiTypography-root.CharacterCard_CharacterName__MFtqd {
    font-size: 14px;
  }

  .MuiButton-root.CharacterCard_ChooseBtn__f6_88 {
    font-size: 0.95rem;
  }
}


@media (max-width: 600px) {
  .CharacterCard_CharacterCard__InZsa:hover {
    cursor: pointer;
  }
  .CharacterCard_BottomArea__vfyVx {
    min-height: 40px;
  }
  .MuiTypography-root.CharacterCard_CharacterName__MFtqd {
    font-size: 12px;
    align-self: center;
  }
  .CharacterCard_ChooseBtnArea__uNm4E {
    display: none;
    padding: 0 2px;
  }
  .MuiButton-root.CharacterCard_ChooseBtn__f6_88 {
    font-size: 0.6rem;
    /** MuiButton-rootがもつmin-widthを上書きするため*/
    min-width: 45px;
  }
}

@media (max-width: 420px) {
  .MuiTypography-root.CharacterCard_CharacterName__MFtqd {
    font-size: 10px;
  }
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@15.5.2_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[2]!./node_modules/.pnpm/next@15.5.2_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[3]!./components/games/character/CharacterSelect/index.module.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CharacterSelect_CharacterGrid__cv_sT{
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  justify-content: center;
  width: 100%;
  overflow: hidden;
  grid-gap: 1rem;
  gap: 1rem;
}

.CharacterSelect_ButtonArea__RGyz6 {
  display: flex;
  justify-content: center;
  margin: 12px 0 0;
}

/* startIconのスタイル用 */
.CharacterSelect_ButtonArea__RGyz6 .MuiButton-startIcon > *:nth-of-type(1) {
  font-size: 24px;
}

@media (min-width:900px) {
  .CharacterSelect_ButtonArea__RGyz6 {
    margin: 24px 0 0;
  }
}

@media (max-width:600px) {
  .CharacterSelect_CharacterGrid__cv_sT {
    column-gap: 0.5rem;
  }
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@15.5.2_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[2]!./node_modules/.pnpm/next@15.5.2_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[3]!./app/games/runners/components/GameCanvas/index.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.GameCanvas_canvas__ycCRX {
  background-color: green;
  border: 5px solid #ffffff;
  border-radius: 1%;
  margin: 0 auto;
  display: block;
  width: 100%;
  height: 100%;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@15.5.2_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[2]!./node_modules/.pnpm/next@15.5.2_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[3]!./app/games/runners/components/GameStateOverlay/index.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.GameStateOverlay_root__xBhjq {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: auto;
}

.GameStateOverlay_backdrop__bb_Kn {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.45);
  display: flex;
  align-items: center;
}

.GameStateOverlay_panel__Ynr1b {
  position: relative;
  z-index: 1;
  width: 45%;
  height: 83%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  background-color: #ffffff;
  border: 4px solid #000000;
  border-radius: 8px;
  font-family: var(--font-vt323), monospace !important;
  line-height: 1 !important;
  margin: 0;
}

.GameStateOverlay_title__KdUxF {
  font-weight: bold !important;
  font-size: 60px !important;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-family: var(--font-vt323), monospace !important;
  line-height: 1 !important;
  margin: 0;
}

.GameStateOverlay_primaryButton__fJpgK {
  background: #005800 !important;
  color: #ffffff !important;

  border-radius: 0 !important;

  border-bottom: 6px inset rgba(0, 0, 0, 0.5) !important;
  border-left: 6px inset rgba(0, 0, 0, 0.5) !important;
  border-right: 6px inset rgba(255, 255, 255, 0.5) !important;
  border-top: 6px inset rgba(255, 255, 255, 0.5) !important;

  box-sizing: border-box !important;

  font-family: var(--font-vt323), monospace !important;
  font-size: 50px !important;
  line-height: 1 !important;
  text-transform: uppercase !important;

  height: 40%;
  width: 80%;

  cursor: pointer !important;
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;

  box-shadow: none !important;
  outline: none !important;
}

.GameStateOverlay_primaryButton__fJpgK:hover {
  background: #006800 !important;
  box-shadow: none !important;
}

.GameStateOverlay_primaryButton__fJpgK:active {
  transform: translateY(2px);
}

.GameStateOverlay_primaryButton__fJpgK * {
  font-family: inherit !important;
  line-height: inherit !important;
}


/* MUI Ripple を完全に無効化 */
.GameStateOverlay_primaryButton__fJpgK .MuiTouchRipple-root {
  display: none !important;
}

/* モバイルのタップ時ハイライトを無効化 */
.GameStateOverlay_primaryButton__fJpgK {
  -webkit-tap-highlight-color: transparent;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@15.5.2_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[2]!./node_modules/.pnpm/next@15.5.2_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[3]!./app/games/runners/components/JumpButton/index.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.JumpButton_button__YOuah {
  /* レトロボタン風スタイル（元の .btn.secondary ベース） */
  background: #005800;
  border-bottom: 6px inset rgba(0, 0, 0, 0.5);
  border-left: 6px inset rgba(0, 0, 0, 0.5);
  border-right: 6px inset rgba(255, 255, 255, 0.5);
  border-top: 6px inset rgba(255, 255, 255, 0.5);

  box-sizing: border-box;
  color: #ffffff;
  cursor: pointer;

  /* レイアウト系 */
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;

  /* 文字系 */
  font-family: var(--font-vt323), monospace;
  font-size: 2.2rem;
  text-transform: uppercase;
  text-align: center;

  /* 余白など */
  padding: 0.5rem;
  border-radius: 0;
  /* レトロ風なので角丸なし */

  touch-action: manipulation;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}


/* hover 時に少し明るく（元CSS準拠） */
.JumpButton_button__YOuah:hover {
  background: #006800;
}

/* 押しているときのへこみ表現（任意で追加） */
.JumpButton_button__YOuah:active {
  transform: translateY(2px);
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@15.5.2_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[2]!./node_modules/.pnpm/next@15.5.2_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[3]!./app/games/runners/components/gamesButton/index.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.gamesButton_wrap__7_ML3 {
  display: flex;
  gap: 12px;
  justify-content: center;
  width: 100%;
}

.gamesButton_button__3Tu_7 {
  background: #005800;
  border-bottom: 6px inset rgba(0, 0, 0, 0.5);
  border-left: 6px inset rgba(0, 0, 0, 0.5);
  border-right: 6px inset rgba(255, 255, 255, 0.5);
  border-top: 6px inset rgba(255, 255, 255, 0.5);

  box-sizing: border-box;
  color: #ffffff;
  cursor: pointer;

  flex: 1 1;
  min-width: 140px;
  height: 60px;

  display: flex;
  justify-content: center;
  align-items: center;

  font-family: var(--font-vt323), monospace;
  font-size: 1.8rem;
  text-transform: uppercase;
  text-align: center;

  padding: 0.5rem;
  border-radius: 0;
  touch-action: manipulation;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.gamesButton_button__3Tu_7:hover {
  filter: brightness(1.05);
}

.gamesButton_button__3Tu_7:active {
  transform: translateY(2px);
}

.gamesButton_primary__T1zxL {
  background: #005800;
}

.gamesButton_primary__T1zxL:hover {
  background: #006800;
}

.gamesButton_secondary__92Czh {
  background: #2b2b2b;
}

.gamesButton_secondary__92Czh:hover {
  background: #3a3a3a;
}

@media (max-width: 600px) {
  .gamesButton_wrap__7_ML3 {
    gap: 10px;
  }

  .gamesButton_button__3Tu_7 {
    height: 56px;
    font-size: 1.7rem;
    min-width: 0;
  }
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@15.5.2_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[2]!./node_modules/.pnpm/next@15.5.2_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[3]!./components/layouts/breadcrumbs/index.module.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.breadcrumbs_breadcrumbs__MlBBx {
  padding-bottom: 16px;
}

.breadcrumbs_breadcrumbs_link__UNh1y {
  color: #00b53e; 
}