/* Quiz controls sized and spaced to match the reference screens. */
.progress{
  width:min(84vw,1250px)!important;
  max-width:84vw!important;
  top:48px!important;
  gap:36px!important;
}
.progress button{
  width:120px!important;
  height:120px!important;
  flex:0 0 120px;
  border:3px solid #fff!important;
  border-radius:50%!important;
  background:transparent!important;
  font:72px/1 Arial!important;
  padding:0 0 9px!important;
}
.bars{gap:34px!important;align-items:center!important}
.bars i{height:16px!important;border-radius:20px!important;min-width:0}
.gift{font-size:94px!important;line-height:1!important}
.fields.compact{
  width:min(1100px,100%)!important;
  justify-content:space-between!important;
  gap:28px!important;
  margin-top:36px;
}
.quiz:has(.fields.compact){max-width:1000px!important}
.quiz:has(.fields.compact) .action{margin-top:74px!important}
.fields.compact .picker{width:230px!important;flex:0 0 230px}
.fields.compact .pick-head{
  height:112px!important;
  border-radius:20px!important;
  padding:0 30px!important;
  font-size:27px!important;
  box-shadow:0 16px 36px rgba(43,22,91,.10)!important;
}
.fields.compact .pick-head span{font-size:36px!important}
.fields.compact .pick-list{top:111px!important;border-radius:0 0 20px 20px!important}
.fields.compact .pick-list button{font-size:20px!important;padding:15px 24px!important}
@media(max-width:700px){
  .quiz:has(.fields.compact){max-width:600px!important}
  .progress{width:94vw!important;max-width:94vw!important;top:18px!important;gap:12px!important}
  .progress button{width:52px!important;height:52px!important;flex-basis:52px;font-size:34px!important;padding-bottom:5px!important}
  .bars{gap:8px!important}.bars i{height:6px!important}.gift{font-size:43px!important}
  .fields.compact{gap:12px!important;margin-top:24px}.fields.compact .picker{width:31%!important;flex-basis:31%}
  .fields.compact .pick-head{height:70px!important;padding:0 13px!important;border-radius:14px!important;font-size:16px!important}
  .fields.compact .pick-head span{font-size:25px!important}.fields.compact .pick-list{top:69px!important}
}

/* Refined desktop scale: compact, without crowding the constellation artwork. */
@media(min-width:701px){
  .progress{width:min(74vw,930px)!important;max-width:74vw!important;top:40px!important;gap:20px!important}
  .progress button{width:58px!important;height:58px!important;flex-basis:58px!important;border-width:2px!important;font-size:38px!important;padding-bottom:5px!important}
  .bars{gap:10px!important}.bars i{height:4px!important;border-radius:12px!important}
  .gift{width:58px!important;height:58px!important;display:grid!important;place-items:center!important;border:2px solid #e18bb4!important;border-radius:50%!important;font-size:29px!important;line-height:1!important;filter:saturate(.7)}
}