/* v1.8.4 — point costs are shown as individual cubes, three per row. */
.game-card.point .point-cost-top.point-cube-grid,
.official-card-slot .game-card.point .point-cost-top.point-cube-grid{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  align-content:center!important;
  grid-template-columns:none!important;
  grid-auto-rows:auto!important;
  gap:clamp(4px,.65vw,7px)!important;
  min-height:0!important;
  padding:clamp(5px,.7vw,9px) 3px!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#f2eadb,#d4c3a5)!important;
}
.point-cost-row{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(4px,.55vw,7px);
  width:100%;
  min-height:0;
}
.game-card.point .point-cost-top.point-cube-grid .point-cost-cube,
.official-card-slot .game-card.point .point-cost-top.point-cube-grid .point-cost-cube{
  display:block!important;
  width:clamp(11px,1.45vw,17px)!important;
  height:clamp(11px,1.45vw,17px)!important;
  flex:0 0 clamp(11px,1.45vw,17px)!important;
  aspect-ratio:1/1!important;
  margin:0!important;
  border:1px solid #fff9!important;
  border-radius:3px!important;
  box-shadow:inset 0 2px 3px #fff7,0 2px 4px #3d2b1d70!important;
}

@media(orientation:landscape) and (max-height:620px){
  .game-card.point .point-cost-top.point-cube-grid,
  .official-card-slot .game-card.point .point-cost-top.point-cube-grid{
    gap:3px!important;
    padding:3px 2px!important;
  }
  .point-cost-row{gap:3px}
  .game-card.point .point-cost-top.point-cube-grid .point-cost-cube,
  .official-card-slot .game-card.point .point-cost-top.point-cube-grid .point-cost-cube{
    width:clamp(10px,1.25vw,14px)!important;
    height:clamp(10px,1.25vw,14px)!important;
    flex-basis:clamp(10px,1.25vw,14px)!important;
  }
}
@media(orientation:landscape) and (max-height:420px){
  .game-card.point .point-cost-top.point-cube-grid,
  .official-card-slot .game-card.point .point-cost-top.point-cube-grid{gap:2px!important;padding:2px 1px!important}
  .point-cost-row{gap:2px}
  .game-card.point .point-cost-top.point-cube-grid .point-cost-cube,
  .official-card-slot .game-card.point .point-cost-top.point-cube-grid .point-cost-cube{
    width:10px!important;height:10px!important;flex-basis:10px!important;border-radius:2px!important
  }
}