.hub-play-choice-sheet {
  max-width: 520px;
}
.hub-play-choice-body #hub-play-choice-description {
  margin: 0 0 1rem;
  color: var(--hub-blue-deep, #294b9c);
  font-size: 0.95rem;
  font-weight: 700;
}
.hub-play-choice-options {
  display: grid;
  gap: 0.85rem;
}
.hub-play-choice-option {
  display: grid;
  gap: 0.45rem;
  width: 100%;
  padding: 1rem 1.1rem;
  border: 1px solid #c9daf0;
  border-radius: 1rem;
  color: #172b4d;
  background: #f4f7ff;
  text-align: left;
  cursor: pointer;
  transition: border-color 0.15s, box-shadow 0.15s;
}
.hub-play-choice-option strong {
  font-size: 1rem;
  line-height: 1.4;
}
.hub-play-choice-option > span:last-child {
  color: #475569;
  font-size: 0.8rem;
  line-height: 1.55;
}
.hub-play-choice-kicker {
  width: fit-content;
  padding: 0.2rem 0.55rem;
  border-radius: 999px;
  color: #284aa6;
  background: #e3ebff;
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 0.04em;
}
.hub-play-choice-free {
  border-color: #b8dec2;
  background: #f0faf3;
}
.hub-play-choice-free .hub-play-choice-kicker {
  color: #216738;
  background: #d9f0df;
}
.hub-play-choice-option:hover {
  border-color: var(--hub-blue, #4266d7);
}
.hub-play-choice-option:focus-visible,
#hub-play-choice-root .hub-m-close:focus-visible {
  outline: 3px solid var(--hub-blue, #4266d7);
  outline-offset: 3px;
}
.hub-play-choice-foot {
  margin: 1rem 0 0;
  color: #64748b;
  font-size: 0.72rem;
  line-height: 1.5;
  text-align: center;
}
@media (prefers-reduced-motion: reduce) {
  .hub-play-choice-option { transition: none; }
}