.math-mission--intro-stit {position:absolute;top:54.2rem;left:0;width:100%;z-index:1;display:flex;justify-content:center;}
.math-mission--intro-stit img {display:block;height:21.2rem;}

.tbl {font-size: 4rem}

[data-mission-page="0"] .math-mission--quiz-wrap{justify-content:center;gap:8rem;}
[data-mission-page="0"] .game-select--wrap[data-col="4"] .game-select--item {
  min-width: 24rem;
  max-width: 24rem;
  height: 16rem;
}
.game-select--wrap {
  justify-content: center;
}
[data-mission-page="0"] .game-select--ex {width: 100%;padding: 0;}
[data-mission-page="0"] .game-select .game-card--back-inner {font-size: 9rem;}
[data-mission-page="0"] .box-group {
  display: flex;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2rem;
  font-size: 10rem;
  gap:0 10rem;
}
[data-mission-page="0"] .box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  border: .6rem solid rgba(120, 111, 204, 0.3);
  height: 36rem;
  background-color: rgba(225, 230, 248, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2rem;
  font-size: 10rem;
  gap:0 10rem;
  font-weight: 500;

  &[data-colum="true"] {
    flex-direction: column;
  }
}



.math-mission [data-id="gameDrag_1"] .math-mission--quiz-wrap {
  flex-direction: row;
  justify-content: center;
  width: 100%;
  gap:12rem;
}
.math-mission [data-id="gameDrag_1"] .g1 {
  display: flex;
  justify-content: center;
  font-size: 5.8rem;
}
.math-mission [data-id="gameDrag_1"] .g1 .tbl{width: 80rem;}
.math-mission [data-id="gameDrag_1"] td{height: 10rem;}
.math-mission [data-id="gameDrag_1"] .tbl b{
  display: inline-block;
  width: 12rem;
  padding-left:4.6rem;
  text-align: left;
}
.math-mission [data-id="gameDrag_1"] tbody > *{border-bottom: .2rem solid #949598;}
.math-mission [data-id="gameDrag_1"] [data-drag-group] {width: auto;}
.math-mission [data-id="gameDrag_1"] [data-drag-group="target"]{position: absolute;}
.math-mission [data-id="gameDrag_1"] [data-drag-group="object"] {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
  flex-direction: column;
}
.math-mission [data-id="gameDrag_1"] [data-drag-object] {
  width: 24rem;
  height: 16rem;
  font-size: 10rem;
}
.math-mission [data-id="gameDrag_1"] [data-drag-object] .game-card--back-inner {font-size: 7rem;}
.math-mission [data-id="gameDrag_1"] .katex-display{margin:2rem 0;}
.math-mission [data-id="gameDrag_1"] .target1{
  position: absolute;
  top: -6.8rem;
  left: -50.1rem;
  width: 11.6rem;
  height: 7.2rem;
}
.math-mission [data-id="gameDrag_1"] .target2{
  position: absolute;
  top: -6.8rem;
  left: -33.7rem;
  width: 11.6rem;
  height: 7.2rem;
}
.math-mission [data-id="gameDrag_1"] .target3{
  position: absolute;
  top: 3.1rem;
  left: -1.7rem;
  width: 11.6rem;
  height: 7.2rem;
}
.math-mission [data-id="gameDrag_1"] [data-drag-type=clone][data-drag-object] {height: 100%;}


.math-mission [data-id="gameDrag_2"] .math-mission--quiz-wrap {
  flex-direction: row;
  justify-content: center;
  width: 100%;
  gap:2rem;
}
.math-mission [data-id="gameDrag_2"] .g1 img{width: 63rem;}
.math-mission [data-id="gameDrag_2"] .game-drag--ex{width: 100%;}
.math-mission [data-id="gameDrag_2"] .g1 {
  display: flex;
  justify-content: center;
  font-size: 5.8rem;
  gap:2rem;
}
.math-mission [data-id="gameDrag_2"] .g1 .arrow{width: 7.2rem;}
.math-mission [data-id="gameDrag_2"] .g1 .tbl{width: 60rem;}
.math-mission [data-id="gameDrag_2"] td{height: 10rem;}
.math-mission [data-id="gameDrag_2"] .tbl b{
  display: inline-block;
  width: 12rem;
  padding-left: 3rem;
  text-align: left;
}
.math-mission [data-id="gameDrag_2"] tbody > *{border-bottom: .2rem solid #949598;}
.math-mission [data-id="gameDrag_2"] [data-drag-group] {width: auto;}
.math-mission [data-id="gameDrag_2"] [data-drag-group="target"]{position: absolute;}
.math-mission [data-id="gameDrag_2"] [data-drag-group="object"] {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
  flex-direction: column;
}
.math-mission [data-id="gameDrag_2"] [data-drag-object] {
  width: 24rem;
  height: 16rem;
  font-size: 10rem;
}
.math-mission [data-id="gameDrag_2"] [data-drag-object] .game-card--back-inner {font-size: 7rem;}
.math-mission [data-id="gameDrag_2"] .katex-display{margin:2rem 0;}
.math-mission [data-id="gameDrag_2"] .target1{
  position: absolute;
  top: -6.8rem;
  left: -40.5rem;
  width: 11.6rem;
  height: 7.2rem;
}
.math-mission [data-id="gameDrag_2"] .target2{
  position: absolute;
  top: 3.2rem;
  left: -40.5rem;
  width: 11.6rem;
  height: 7.2rem;
}
.math-mission [data-id="gameDrag_2"] .target3{
  position: absolute;
  top: 13.2rem;
  left: -40.5rem;
  width: 11.6rem;
  height: 7.2rem;
}
.math-mission [data-id="gameDrag_2"] .target4{
  position: absolute;
  top: 23.1rem;
  left: -40.5rem;
  width: 11.6rem;
  height: 7.2rem;
}
.math-mission [data-id="gameDrag_2"] [data-drag-type=clone][data-drag-object] {height: 100%;}






.math-mission [data-id="gameDrag_3"] .math-mission--quiz-wrap {
  flex-direction: row;
  justify-content: center;
  width: 100%;
  gap:12rem;
}
.math-mission [data-id="gameDrag_3"] .g1 {
  display: flex;
  justify-content: center;
  font-size: 5.8rem;
}
.math-mission [data-id="gameDrag_3"] .g1 .tbl{width: 80rem;}
.math-mission [data-id="gameDrag_3"] td{height: 10rem;}
.math-mission [data-id="gameDrag_3"] .tbl b{
  display: inline-block;
  width: 12rem;
  padding-left:4.6rem;
  text-align: left;
}
.math-mission [data-id="gameDrag_3"] tbody > *{border-bottom: .2rem solid #949598;}
.math-mission [data-id="gameDrag_3"] [data-drag-group] {width: auto;}
.math-mission [data-id="gameDrag_3"] [data-drag-group="target"]{position: absolute;}
.math-mission [data-id="gameDrag_3"] [data-drag-group="object"] {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
  flex-direction: column;
}
.math-mission [data-id="gameDrag_3"] [data-drag-object] {
  width: 24rem;
  height: 16rem;
  font-size: 10rem;
}
.math-mission [data-id="gameDrag_3"] [data-drag-object] .game-card--back-inner {font-size: 7rem;}
.math-mission [data-id="gameDrag_3"] .katex-display{margin:2rem 0;}
.math-mission [data-id="gameDrag_3"] .target1{
  position: absolute;
  top: -16.8rem;
  left: 1.3rem;
  width: 11.6rem;
  height: 7.2rem;
}
.math-mission [data-id="gameDrag_3"] .target2{
  position: absolute;
  top: 3.2rem;
  left: -18.5rem;
  width: 11.6rem;
  height: 7.2rem;
}
.math-mission [data-id="gameDrag_3"] .target3{
  position: absolute;
  top: 23.3rem;
  left: 1.3rem;
  width: 11.6rem;
  height: 7.2rem;
}
.math-mission [data-id="gameDrag_3"] [data-drag-type=clone][data-drag-object] {height: 100%;}

.math-mission [data-id="gameDrag_3"] td + td{border-left:0.2rem solid #939598;}
.math-mission [data-id="gameDrag_3"] tbody th + td{padding-left: 2.9rem;}
.math-mission [data-id="gameDrag_3"] tbody tr:nth-child(3) td + td{padding-right: 3.4rem;}

.math-mission [data-id="gameDrag_3"] [data-drag-object="0.1"][data-drag-type="clone"] .game-card--back-inner {padding-left: 1.5rem; justify-content: flex-start;}

.math-mission [data-id="gameDrag_3"] [data-drag-object="8"][data-drag-type="clone"] .game-card--back-inner {padding-left: 3.2rem;}

[data-drag-group=target] [data-drag-type=clone] .game-card--back-inner{font-size: 4.5rem !important;}
 


.game-ox--ex {height: auto;}
.game-ox--item-x{
  width: 20.4rem;
  height: 20.4rem;
  background-size: 10rem;
}
.game-ox--item-o{
  width: 20.4rem;
  height: 20.4rem;
  background-size: 14rem;
}
:checked + .game-ox--item-x{
  background-size: 10rem !important;
} 
:checked + .game-ox--item-o{
  background-size: 14rem !important;
}


[data-id="gameOX_3"] .katex-display {
  display: inline-block;
}
[data-drag-object].disabled{opacity: .3;}
.blank{font-size: 1rem; color: transparent;}

.pl-a1{padding-left: 2.3rem !important;}
.pl-a2{padding-left: 2.3rem !important;}
.pl-b1{padding-left: 6.9rem !important;}