/* English layout helpers + lightweight game logos */
.fcylGameCard{
  min-height:124px;
  overflow:hidden;
}
.fcylGameCard .gameCardInner{
  display:flex;
  align-items:center;
  gap:16px;
  min-width:0;
}
.gameLogo{
  width:56px;
  height:56px;
  flex:0 0 56px;
  display:grid;
  place-items:center;
  border-radius:18px;
  color:#5b3905;
  font-weight:1000;
  position:relative;
  overflow:hidden;
  background:linear-gradient(145deg,#fff4b8,#efbd35 58%,#d1940c);
  box-shadow:inset 0 2px 4px rgba(255,255,255,.72), inset 0 -8px 16px rgba(111,70,0,.18), 0 12px 26px rgba(166,112,15,.20);
}
.gameLogo::after{
  content:"";
  position:absolute;
  inset:7px auto auto 8px;
  width:18px;
  height:10px;
  border-radius:999px;
  background:rgba(255,255,255,.55);
  filter:blur(.2px);
  transform:rotate(-24deg);
}
.lotteryBallLogo{
  width:39px;
  height:39px;
  border-radius:50%;
  display:grid;
  place-items:center;
  position:relative;
  z-index:1;
  color:#fff;
  font-size:15px;
  font-weight:1000;
  line-height:1;
  letter-spacing:-.5px;
  text-shadow:0 1px 2px rgba(0,0,0,.46);
  border:1px solid rgba(255,255,255,.74);
  background:radial-gradient(circle at 30% 25%,#fff,#7eb9ff 36%,#0b62d5 78%);
  box-shadow:
    inset 0 5px 7px rgba(255,255,255,.72),
    inset 0 -10px 15px rgba(0,0,0,.25),
    0 8px 13px rgba(35,68,110,.22);
}
.lotteryBallLogo::after{
  content:"";
  position:absolute;
  left:8px;
  top:7px;
  width:14px;
  height:8px;
  border-radius:999px;
  background:rgba(255,255,255,.75);
  transform:rotate(-24deg);
  filter:blur(.2px);
}
.lotteryBall-red{background:radial-gradient(circle at 30% 25%,#fff,#ff9a9a 36%,#d9001b 80%)}
.lotteryBall-blue{background:radial-gradient(circle at 30% 25%,#fff,#7eb9ff 36%,#0b62d5 80%)}
.lotteryBall-green{background:radial-gradient(circle at 30% 25%,#fff,#9dffad 36%,#078c1b 80%)}
.lotteryBall-gold{background:radial-gradient(circle at 30% 25%,#fff,#ffd86b 36%,#c98508 80%)}
.lotteryBall-mark{background:radial-gradient(circle at 30% 25%,#fff,#ff9a9a 36%,#d9001b 80%)}
.diceFace,.diceMini,.logo3d,.scratchTicket,.horseIcon,.sportsIcon{
  position:relative;
  z-index:1;
  text-shadow:0 1px 0 rgba(255,255,255,.55);
}
.diceFace{font-size:40px;line-height:1}
.diceMini{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:2px;
  font-size:22px;
  line-height:1;
  letter-spacing:-4px;
  transform:scale(1.04);
  transform-origin:center;
}
.logo3d{font-size:22px;letter-spacing:-.5px}
.scratchTicket{
  width:34px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:linear-gradient(135deg,#fff,#ffe89a);
  border:1px dashed rgba(122,78,0,.45);
}
.horseIcon,.sportsIcon{font-size:28px}
.gameCardText{
  min-width:0;
  flex:1 1 auto;
  overflow:hidden;
}
.gameCardTitle{
  line-height:1.22;
  overflow-wrap:anywhere;
  word-break:normal;
}
.gameCardDesc{
  line-height:1.42;
  overflow-wrap:anywhere;
  word-break:normal;
}
.checkinStats.heroMeta{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.checkinActions .btn{
  min-width:160px;
}
html[data-fcyl-lang="en"] .grid4{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
html[data-fcyl-lang="en"] .fcylGameCard{
  padding:14px;
}
html[data-fcyl-lang="en"] .gameCardAction .btn{
  min-width:86px;
  padding-left:14px;
  padding-right:14px;
  white-space:nowrap;
}
html[data-fcyl-lang="en"] .gameCardTitle{
  font-size:16px;
  letter-spacing:-.15px;
}
html[data-fcyl-lang="en"] .gameCardDesc{
  font-size:12.5px;
}
@media(max-width:1050px){
  html[data-fcyl-lang="en"] .grid4{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:720px){
  .checkinStats.heroMeta{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:520px){
  html[data-fcyl-lang="en"] .grid4{
    grid-template-columns:1fr;
  }
  .gameLogo{
    width:52px;
    height:52px;
    flex-basis:52px;
  }
  .lotteryBallLogo{
    width:37px;
    height:37px;
  }
  .checkinActions .btn{
    flex:1 1 100%;
    min-width:0;
  }
}