.page-index {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 100%;
}

.sequence-card {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.sequence-card img {
  width: 100%;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  object-position: center top;
  border: 1px solid #c5cbbb;
  background: #dfe3d8;
  clip-path: inset(0);
}

.sequence-card:nth-child(7) img,
.sequence-card:nth-child(8) img {
  filter: blur(2px);
  transform: scale(1.015);
}

.sequence-card:nth-child(9) img,
.sequence-card:nth-child(10) img {
  filter: blur(10px);
  transform: scale(1.055);
}

.sequence-card b {
  font: 8px/1.35 Arial, sans-serif;
  letter-spacing: .4px;
  color: #52604e;
}

#sequence-shuffle {
  margin-top: 10px;
  padding: 13px 16px;
}

.removal-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; }
.removal-grid label { display: grid; gap: .35rem; font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; }
.removal-grid input { min-width: 0; padding: .65rem .7rem; border: 1px solid rgba(255,255,255,.2); background: rgba(0,0,0,.18); color: inherit; }
@media (max-width: 720px) { .removal-grid { grid-template-columns: 1fr; } }

.admin-pose-role-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: .85rem; }
.admin-pose-role-card { display: grid; grid-template-columns: 64px 1fr; gap: .65rem; align-items: center; padding: .65rem; border: 1px solid #c8cbbd; background: #f4f3eb; }
.admin-pose-role-card img { width: 64px; height: 84px; object-fit: cover; object-position: center top; }
.admin-pose-role-card span { display: grid; min-width: 0; }
.admin-pose-role-card b { font-size: .75rem; overflow-wrap: anywhere; }
.admin-pose-role-card small { color: #6c725f; text-transform: capitalize; }
.admin-pose-role-card select { grid-column: 1 / -1; width: 100%; padding: .55rem; }