/* BroodIt Mobile V2.12.12.1 — consolidated Egg Turner layout
   One rule set only. No absolute LEFT/RIGHT drift, no bottom position caption. */
.hero-turn-card{
  min-height:250px!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.hero-turn-card .card-title,
.hero-turn-card .turner-caption{display:none!important;}
.hero-turn-card .egg-turner-visual{
  flex:1 1 auto!important;
  min-width:0!important;
  min-height:0!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  gap:6px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.hero-turn-card .turn-top-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr)!important;
  align-items:start!important;
  gap:4px!important;
  width:100%!important;
  min-width:0!important;
  padding:2px 3px 0!important;
  box-sizing:border-box!important;
  position:relative!important;
  inset:auto!important;
  z-index:3!important;
}
.hero-turn-card .turn-side{
  position:static!important;
  min-width:0!important;
  display:grid!important;
  gap:2px!important;
  margin:0!important;
  overflow:hidden!important;
}
.hero-turn-card .turn-side.left{text-align:left!important;justify-items:start!important;}
.hero-turn-card .turn-side.right{text-align:right!important;justify-items:end!important;}
.hero-turn-card .turn-side strong{
  font-size:16px!important;
  line-height:1.05!important;
  white-space:nowrap!important;
}
.hero-turn-card .turn-side span{
  font-size:10px!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.hero-turn-card .turn-side b{
  font-size:13px!important;
  line-height:1.05!important;
  white-space:nowrap!important;
}
.hero-turn-card .turn-arrow-slot{
  position:static!important;
  width:48px!important;
  min-width:48px!important;
  height:48px!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  padding-top:1px!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
.hero-turn-card .turn-arrow{
  position:static!important;
  inset:auto!important;
  margin:0!important;
  font-size:32px!important;
  line-height:1!important;
  color:var(--teal)!important;
  transform:none!important;
}
.hero-turn-card .turn-arrow.arrow-hidden,
.hero-turn-card .turn-arrow[hidden]{display:none!important;}
.hero-turn-card .turn-egg-stage{
  min-width:0!important;
  min-height:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  padding:2px 0 4px!important;
  box-sizing:border-box!important;
  position:relative!important;
  inset:auto!important;
}
.hero-turn-card .egg-point-down{
  position:static!important;
  inset:auto!important;
  width:104px!important;
  height:143px!important;
  min-width:104px!important;
  min-height:143px!important;
  max-width:42%!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  margin:0!important;
  filter:drop-shadow(0 8px 9px rgba(0,0,0,.18))!important;
  transform-origin:50% 55%!important;
}
.hero-turn-card .egg-point-down.turn-center{transform:rotate(180deg)!important;}
.hero-turn-card .egg-point-down.turn-left{transform:rotate(135deg)!important;}
.hero-turn-card .egg-point-down.turn-right{transform:rotate(225deg)!important;}

/* Dashboard Studio: use the same structure; scale typography/egg only by card size. */
#customDashboardGrid .hero-turn-card{
  height:100%!important;
  min-height:0!important;
}
#customDashboardGrid .hero-turn-card .egg-turner-visual{
  height:100%!important;
  min-height:0!important;
}
#customDashboardGrid .hero-turn-card .turn-top-row{
  grid-template-columns:minmax(0,1fr) min(48px,16%) minmax(0,1fr)!important;
  gap:3px!important;
}
#customDashboardGrid .hero-turn-card .turn-arrow-slot{
  width:100%!important;
  min-width:0!important;
  height:44px!important;
}
#customDashboardGrid .hero-turn-card .turn-side strong{font-size:clamp(10px,4vw,16px)!important;}
#customDashboardGrid .hero-turn-card .turn-side span{font-size:clamp(7px,2.6vw,10px)!important;}
#customDashboardGrid .hero-turn-card .turn-side b{font-size:clamp(9px,3.4vw,13px)!important;}
#customDashboardGrid .hero-turn-card .turn-arrow{font-size:clamp(24px,9vw,32px)!important;}
#customDashboardGrid .hero-turn-card .egg-point-down{
  width:96px!important;
  height:132px!important;
  min-width:72px!important;
  min-height:99px!important;
  max-width:42%!important;
  max-height:none!important;
  aspect-ratio:auto!important;
}
#customDashboardGrid .hero-turn-card.studio-fit-micro .turn-side span{display:none!important;}
#customDashboardGrid .hero-turn-card.studio-fit-micro .turn-arrow-slot{visibility:hidden!important;}
#customDashboardGrid .hero-turn-card.studio-fit-micro .egg-point-down{width:64px!important;height:88px!important;min-width:64px!important;min-height:88px!important;max-width:38%!important;}

@media(max-width:390px){
  .hero-turn-card{min-height:236px!important;}
  .hero-turn-card .turn-top-row{grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr)!important;gap:3px!important;}
  .hero-turn-card .turn-side strong{font-size:14px!important;}
  .hero-turn-card .turn-side span{font-size:9px!important;}
  .hero-turn-card .turn-side b{font-size:12px!important;}
  .hero-turn-card .turn-arrow-slot{width:42px!important;min-width:42px!important;height:44px!important;}
  .hero-turn-card .turn-arrow{font-size:29px!important;}
  .hero-turn-card .egg-point-down{width:92px!important;height:126px!important;min-width:92px!important;min-height:126px!important;max-width:40%!important;}
}


/* V2.12.12.3 Android/PWA egg visibility guard — explicit dimensions */
.hero-turn-card .turn-egg-stage .egg-point-down{
  width:104px!important;
  height:143px!important;
  min-width:104px!important;
  min-height:143px!important;
  max-height:143px!important;
  flex:0 0 auto!important;
  aspect-ratio:auto!important;
  display:block!important;
}
#customDashboardGrid .hero-turn-card .turn-egg-stage .egg-point-down{
  width:96px!important;
  height:132px!important;
  min-width:96px!important;
  min-height:132px!important;
  max-height:132px!important;
}
#customDashboardGrid .hero-turn-card.studio-fit-compact .turn-egg-stage .egg-point-down{
  width:78px!important;
  height:107px!important;
  min-width:78px!important;
  min-height:107px!important;
}
#customDashboardGrid .hero-turn-card.studio-fit-micro .turn-egg-stage .egg-point-down{
  width:64px!important;
  height:88px!important;
  min-width:64px!important;
  min-height:88px!important;
}
@media(max-width:390px){
  .hero-turn-card .turn-egg-stage .egg-point-down{
    width:92px!important;
    height:126px!important;
    min-width:92px!important;
    min-height:126px!important;
    max-height:126px!important;
  }
}


/* V2.12.12.3 ROOT FIX: reset inherited original five-column Egg Turner grid. */
.hero-turn-card .egg-turner-visual,
#customDashboardGrid .hero-turn-card .egg-turner-visual{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  grid-auto-flow:row!important;
  grid-auto-columns:minmax(0,1fr)!important;
  width:100%!important;
  min-width:0!important;
}
.hero-turn-card .turn-top-row,
#customDashboardGrid .hero-turn-card .turn-top-row{
  grid-column:1!important;
  grid-row:1!important;
  width:100%!important;
  min-width:0!important;
}
.hero-turn-card .turn-egg-stage,
#customDashboardGrid .hero-turn-card .turn-egg-stage{
  grid-column:1!important;
  grid-row:2!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  overflow:visible!important;
}
/* Keep mobile egg smaller than web but fully visible after rotation. */
.hero-turn-card .turn-egg-stage .egg-point-down{
  width:108px!important;
  height:148px!important;
  min-width:108px!important;
  min-height:148px!important;
  max-width:none!important;
  max-height:none!important;
  flex:0 0 auto!important;
}
#customDashboardGrid .hero-turn-card .turn-egg-stage .egg-point-down{
  width:102px!important;
  height:140px!important;
  min-width:102px!important;
  min-height:140px!important;
}
#customDashboardGrid .hero-turn-card.studio-fit-compact .turn-egg-stage .egg-point-down{
  width:82px!important;
  height:113px!important;
  min-width:82px!important;
  min-height:113px!important;
}
#customDashboardGrid .hero-turn-card.studio-fit-micro .turn-egg-stage .egg-point-down{
  width:64px!important;
  height:88px!important;
  min-width:64px!important;
  min-height:88px!important;
}