/* Sweet Shift Saga v4.2.1.6 — gameplay HUD refinement */

/* GOALS: force the purple title plaque to be geometrically centred, not merely
   text-aligned inside whatever width an older stylesheet left behind. */
#screen-game.active .classic-goals-card{
  position:relative!important;
  padding-top:17px!important;
}
#screen-game.active .classic-goals-card .future-goal-heading{
  position:relative!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  justify-self:auto!important;
  width:132px!important;
  min-width:132px!important;
  max-width:132px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  padding:6px 10px!important;
  margin:0 0 -16px!important;
}
#screen-game.active .classic-goals-card .future-goal-heading>span{
  display:block!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
  line-height:1!important;
  transform:none!important;
}

/* Goals body: slightly cleaner, tighter and more deliberate. */
#screen-game.active .classic-goals-card .future-goals{
  width:196px!important;
  padding:28px 11px 12px!important;
  border-radius:22px!important;
  border-width:3px!important;
  box-shadow:0 5px 0 #6d347c,0 10px 19px rgba(79,42,87,.17),inset 0 2px 0 rgba(255,255,255,.72)!important;
}
#screen-game.active .future-goals .goal-icon{
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.50),0 3px 6px rgba(90,51,54,.13)!important;
}
#screen-game.active .future-goals .goal-value{
  min-width:31px!important;
  height:25px!important;
  font-size:.98rem!important;
}

/* Score uses the same visual rhythm as Goals instead of feeling like a second
   unrelated widget. */
#screen-game.active .classic-score-card{
  width:184px!important;
  margin-top:3px!important;
}
#screen-game.active .classic-score-heading{
  display:grid!important;
  place-items:center!important;
  width:116px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
#screen-game.active .classic-score-card .future-score-stack{
  box-shadow:0 5px 0 #6d347c,0 9px 17px rgba(79,42,87,.15),inset 0 2px 0 rgba(255,255,255,.45)!important;
}

/* Moves + boosters read as one compact right-side tower. */
#screen-game.active .classic-action-column{
  gap:7px!important;
}
#screen-game.active .classic-action-column .future-moves-panel{
  width:106px!important;
  min-height:112px!important;
  border-radius:20px!important;
  box-shadow:0 5px 0 rgba(132,38,112,.55),0 10px 18px rgba(83,30,91,.15)!important;
}
#screen-game.active .classic-action-column .future-moves-panel>small{
  width:104px!important;
  min-height:34px!important;
  margin:0 auto!important;
  display:grid!important;
  place-items:center!important;
  text-align:center!important;
}
#screen-game.active .classic-action-column #moves-left{
  font-size:3.15rem!important;
  line-height:1!important;
}
#screen-game.active .classic-action-column .future-booster-tray.booster-rail{
  width:88px!important;
  margin:-1px auto 0!important;
  padding:11px 8px 10px!important;
  gap:4px!important;
  border-radius:17px 17px 22px 22px!important;
  box-shadow:0 5px 0 #925c49,0 9px 17px rgba(79,47,48,.14),inset 0 2px 0 rgba(255,255,255,.56)!important;
}
#screen-game.active .classic-action-column .future-action-stack{
  margin-top:2px!important;
  gap:5px!important;
}

/* Desktop side columns stay visually balanced around the board. */
@media(min-width:1101px){
  #screen-game.active .classic-goals-column{gap:8px!important}
  #screen-game.active .classic-action-column{gap:7px!important}
}