/* =====================================================================
   PrivateDrop — upgrader settings modal (graphite + gold).
   Single owner of the settings dialog content; every rule is scoped to
   ._modal_btlgg_2, so no other modal or page is affected. Markup and
   logic are the bundle's own: quick multiplier/percent slots + reset,
   "by default", sound and spin radio groups, save button.
   ===================================================================== */

._modal_btlgg_2{
  --pds-body:var(--pd2-s1);
  --pds-head:var(--pd2-s2);
  --pds-card:var(--pd2-s2);
  --pds-ctl:var(--pd2-s3);
  --pds-ctl-hover:var(--pd2-s4);
  --pds-line:var(--pd2-line);
  --pds-line-2:var(--pd2-line-2);
  --pds-edge:var(--pd2-line-3);
  --pds-gold:var(--pd2-gold);
  --pds-gold-2:var(--pd2-gold-hi);
  --pds-gold-soft:rgb(var(--pd2-gold-rgb)/.10);
  --pds-gold-ring:rgb(var(--pd2-gold-rgb)/.18);
  --pds-text:var(--pd2-text);
  --pds-muted:var(--pd2-text-2);
  --pds-dim:var(--pd2-text-3);
  --pds-font:"Exo 2",Inter,"Segoe UI",Arial,sans-serif;
  width:min(640px,100vw - 32px)!important;
}

/* ---------- frame ---------- */
._modal_btlgg_2 ._box_lj1yg_27{background:var(--pds-body)!important;overflow:hidden;border:1px solid var(--pd2-line-2)!important;border-radius:var(--pd2-r-xl)!important;box-shadow:var(--pd2-shadow-modal)!important}
._modal_btlgg_2 ._header_lj1yg_50{
  padding:16px 20px!important;
  background:var(--pds-head)!important;
  border-bottom:1px solid var(--pds-line)!important;
}
._modal_btlgg_2 ._title_lj1yg_59 span{
  font-family:var(--pds-font)!important;
  font-size:17px!important;
  line-height:22px!important;
  letter-spacing:.06em;
}
._modal_btlgg_2 ._close_lj1yg_65{transition:background .16s ease,color .16s ease}
._modal_btlgg_2 ._close_lj1yg_65:focus-visible{outline:none;box-shadow:0 0 0 2px var(--pds-gold-ring)}

/* ---------- body ---------- */
._modal_btlgg_2 ._body_btlgg_6{padding:18px 20px 20px;gap:0}
._modal_btlgg_2 ._section_btlgg_14{gap:10px}
._modal_btlgg_2 ._section_btlgg_14 + ._section_btlgg_14{
  margin-top:16px;
  padding-top:16px;
  border-top:1px solid var(--pds-line);
}

/* section titles: quiet engraved caps, the same voice as the board labels */
._modal_btlgg_2 ._section_btlgg_14 > span,
._modal_btlgg_2 ._sectionHead_btlgg_22 > span{
  font-family:var(--pds-font)!important;
  font-size:12px!important;
  line-height:16px!important;
  font-weight:700!important;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--pds-muted)!important;
}
._modal_btlgg_2 ._sectionHead_btlgg_22{min-height:28px}

/* "By default" → small gold ghost pill */
._modal_btlgg_2 ._resetLink_btlgg_29{
  height:28px;
  padding:0 12px;
  border:1px solid rgb(var(--pd2-gold-rgb)/.28);
  border-radius:8px;
  background:transparent;
  transition:background .16s ease,border-color .16s ease,transform .16s ease;
}
._modal_btlgg_2 ._resetLink_btlgg_29 span{
  color:var(--pds-gold)!important;
  font-size:12px!important;
  line-height:16px!important;
  font-weight:700!important;
}
._modal_btlgg_2 ._resetLink_btlgg_29:hover{opacity:1;background:var(--pds-gold-soft);border-color:rgb(var(--pd2-gold-rgb)/.5)}
._modal_btlgg_2 ._resetLink_btlgg_29:active{opacity:1;transform:scale(.97)}
._modal_btlgg_2 ._resetLink_btlgg_29:focus-visible{outline:none;box-shadow:0 0 0 2px var(--pds-gold-ring)}

/* ---------- quick-selection cards ---------- */
._modal_btlgg_2 ._cards_btlgg_48{gap:10px}
._modal_btlgg_2 ._card_btlgg_48{
  gap:12px;
  padding:12px 12px 12px 14px;
  background:var(--pds-card);
  border:1px solid var(--pds-line);
  border-radius:12px;
  justify-content:space-between;
}
._modal_btlgg_2 ._cardDesc_btlgg_66{
  opacity:1;
  color:var(--pds-muted)!important;
  font-size:12px;
  line-height:16px;
}
._modal_btlgg_2 ._cardBody_btlgg_72{align-items:center;gap:10px}
._modal_btlgg_2 ._slots_btlgg_80{gap:6px}

/* slot inputs */
._modal_btlgg_2 ._slots_btlgg_80 ._slotInput_btlgg_102{
  width:52px;
  height:42px;
  background:var(--pds-ctl);
  border:1px solid var(--pds-edge);
  border-radius:10px;
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
._modal_btlgg_2 ._slots_btlgg_80 ._slotInput_btlgg_102:hover{background:var(--pds-ctl-hover);border-color:#44464c}
._modal_btlgg_2 ._slots_btlgg_80 ._slotInput_btlgg_102:focus-within{
  background:var(--pds-ctl-hover);
  border-color:rgb(var(--pd2-gold-rgb)/.7);
  box-shadow:0 0 0 3px var(--pds-gold-ring);
}
._modal_btlgg_2 ._slotInput_btlgg_102 input{
  font-family:var(--pds-font);
  font-size:15px;
  line-height:20px;
  font-weight:700;
  color:var(--pds-text);
  caret-color:var(--pds-gold);
}
/* chance-tier marker sits inside the slot, under the value */
._modal_btlgg_2 ._slotLine_btlgg_91{
  z-index:2;
  top:auto;
  bottom:6px;
  width:16px;
  height:2px;
  border-radius:2px;
  pointer-events:none;
}

/* reset-to-default icon button */
._modal_btlgg_2 ._resetIcon_btlgg_127{
  width:36px;
  height:36px;
  border-radius:10px;
  background:var(--pds-ctl);
  border:1px solid var(--pds-edge);
  color:var(--pds-muted);
  transition:color .16s ease,border-color .16s ease,background .16s ease,transform .16s ease;
}
._modal_btlgg_2 ._resetIcon_btlgg_127 svg{width:18px;height:18px}
._modal_btlgg_2 ._resetIcon_btlgg_127:hover{opacity:1;color:var(--pds-gold);border-color:rgb(var(--pd2-gold-rgb)/.38);background:var(--pds-ctl-hover)}
._modal_btlgg_2 ._resetIcon_btlgg_127:active{opacity:1;transform:scale(.95)}
._modal_btlgg_2 ._resetIcon_btlgg_127:focus-visible{outline:none;box-shadow:0 0 0 2px var(--pds-gold-ring)}

/* ---------- sound / spin: radio options become two selectable tiles ---------- */
._modal_btlgg_2 ._radioGroup_btlgg_160{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
._modal_btlgg_2 ._radioOption_btlgg_167{
  position:relative;
  gap:10px;
  padding:12px 14px;
  background:var(--pds-card);
  border:1px solid var(--pds-line);
  border-radius:12px;
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
._modal_btlgg_2 ._radioOption_btlgg_167:hover{border-color:var(--pds-line-2);background:#212226}
._modal_btlgg_2 ._radioOption_btlgg_167:has([data-state=checked]){
  border-color:rgb(var(--pd2-gold-rgb)/.5);
  background:
    linear-gradient(180deg,rgb(var(--pd2-gold-rgb)/.075),rgb(var(--pd2-gold-rgb)/.02)),
    var(--pds-card);
  box-shadow:inset 0 1px 0 rgba(255,236,150,.06);
}
._modal_btlgg_2 ._radioOption_btlgg_167:has(:focus-visible){box-shadow:0 0 0 2px var(--pds-gold-ring)}
._modal_btlgg_2 ._radioText_btlgg_175{gap:3px}
._modal_btlgg_2 ._radioText_btlgg_175 > span:first-child{
  font-family:var(--pds-font)!important;
  font-size:14px!important;
  line-height:18px!important;
  font-weight:700!important;
  color:var(--pds-text)!important;
}
._modal_btlgg_2 ._radioText_btlgg_175 > span:last-child{
  font-size:12px!important;
  line-height:16px!important;
  color:var(--pds-dim)!important;
}
._modal_btlgg_2 ._radioOption_btlgg_167:has([data-state=checked]) ._radioText_btlgg_175 > span:last-child{color:var(--pds-muted)!important}

/* radio dot */
._modal_btlgg_2 ._radio_1efrc_2{
  --_size:18px!important;
  margin-top:0;
  border:1.5px solid #4a4c52;
  background:var(--pds-body);
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
._modal_btlgg_2 ._radioOption_btlgg_167:hover ._radio_1efrc_2[data-state=unchecked]{border-color:#686a71}
._modal_btlgg_2 ._radio_1efrc_2[data-state=checked]{
  background:var(--pds-body);
  border-color:var(--pds-gold);
  box-shadow:0 0 8px rgb(var(--pd2-gold-rgb)/.28);
}
._modal_btlgg_2 ._radio_1efrc_2:focus-visible{outline:none}
._modal_btlgg_2 ._indicator_1efrc_29{
  width:8px;
  height:8px;
  background:var(--pds-gold);
}

/* ---------- footer ---------- */
._modal_btlgg_2 ._footer_lj1yg_113{background:var(--pds-head)!important}
._modal_btlgg_2 ._footer_btlgg_184{padding:14px 20px}
._modal_btlgg_2 ._saveBtn_btlgg_191{
  min-width:240px;
  height:44px;
  padding:0 28px;
  border-radius:10px;
  background:linear-gradient(180deg,var(--pds-gold-2),var(--pds-gold))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 6px 18px rgb(var(--pd2-gold-rgb)/.14);
  transition:filter .16s ease,box-shadow .16s ease,transform .16s ease;
}
._modal_btlgg_2 ._saveBtn_btlgg_191 span{
  color:#15130a!important;
  font-family:var(--pds-font)!important;
  font-size:15px!important;
  line-height:20px!important;
  font-weight:800!important;
}
@media (hover:hover) and (pointer:fine){
  ._modal_btlgg_2 ._saveBtn_btlgg_191:hover:not(:disabled){
    filter:brightness(1.06);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 8px 24px rgb(var(--pd2-gold-rgb)/.22);
  }
}
._modal_btlgg_2 ._saveBtn_btlgg_191:active:not(:disabled){filter:brightness(.96);transform:scale(.98)}
._modal_btlgg_2 ._saveBtn_btlgg_191:focus-visible{outline:none;box-shadow:0 0 0 3px rgb(var(--pd2-gold-rgb)/.35)}

/* ---------- mobile ---------- */
@media (max-width:767px){
  ._modal_btlgg_2 ._body_btlgg_6{padding:16px}
  ._modal_btlgg_2 ._header_lj1yg_50{padding:14px 16px!important}
  ._modal_btlgg_2 ._footer_btlgg_184{padding:12px 16px}
  ._modal_btlgg_2 ._saveBtn_btlgg_191{width:100%;min-width:0}
}
@media (max-width:520px){
  ._modal_btlgg_2 ._radioGroup_btlgg_160{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  ._modal_btlgg_2 ._resetLink_btlgg_29:active,
  ._modal_btlgg_2 ._resetIcon_btlgg_127:active,
  ._modal_btlgg_2 ._saveBtn_btlgg_191:active{transform:none}
}
