/* ═══════════ Configurações (GOD) ═══════════ */
#settings { background: radial-gradient(120% 90% at 50% -10%, rgba(30,26,20,.6), transparent 60%), rgba(8,7,5,.9); }
/* position:relative (ONDA 4 28/07, auditoria #7b): âncora do .ov-close absoluto — sem ela o X voava
   72px à direita da moldura (ancorava na janela inteira, como acontecia no Descanso) */
.set-wrap { position: relative; width: min(94vw, 560px); max-height: 92vh; display: flex; flex-direction: column;
  background: linear-gradient(180deg, #241f16, #17130d 60%, #100d08); border: 2px solid rgba(217,178,76,.4);
  border-radius: 16px; box-shadow: 0 30px 80px -30px #000, inset 0 0 90px rgba(0,0,0,.5);
  color: #eadfc4; font-family: var(--game-font); overflow: hidden; }
.set-top { display: flex; align-items: center; justify-content: space-between; padding: 13px 18px;
  border-bottom: 1px solid rgba(217,178,76,.22); background: linear-gradient(180deg, rgba(217,178,76,.07), transparent); }
.set-top h2 { margin: 0; font-family: var(--font-title); font-size: 16px; letter-spacing: .02em; color: #e8c877; text-shadow: 0 2px 5px #000; }
.set-body { padding: 16px 18px; overflow: auto; }
.set-section { font-family: var(--font-title); font-size: 11px; letter-spacing: 1px; text-transform: uppercase; color: #9c8d63; margin-bottom: 10px; }
.set-diffs { display: flex; flex-direction: column; gap: 8px; }
.set-diff { cursor: pointer; font-family: inherit; display: flex; align-items: center; gap: 12px; text-align: left; padding: 12px 14px;
  border-radius: 11px; border: 1px solid rgba(255,255,255,.08); background: rgba(255,255,255,.02);
  color: #cdd7be; transition: border-color .12s, background .12s, transform .08s; }
.set-diff:hover { background: rgba(217,178,76,.08); transform: translateY(-1px); }
.set-diff.on { border-color: var(--gold, #d9b24c); background: rgba(217,178,76,.14); color: #f2e6c8;
  box-shadow: inset 0 0 0 1px rgba(217,178,76,.4); }
.set-dic { font-size: 22px; flex: none; width: 30px; text-align: center; }
.set-dmain { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.set-dmain b { font-size: 15px; color: #eadfc4; }
.set-dmain small { font-size: 11.5px; color: #93a07c; }
.set-dmult { flex: none; font-variant-numeric: tabular-nums; font-weight: 800; font-size: 15px; color: #e8c877; }
.set-diff.on .set-dmult { color: #f0d488; }
.set-diff.locked { opacity: .5; cursor: not-allowed; }
.set-diff.locked:hover { background: rgba(255,255,255,.02); transform: none; }
.set-diff.locked .set-dmult { color: #9c8d63; }
.set-note { margin-top: 14px; font-size: 11.5px; color: #7f8a6a; line-height: 1.4; }
.set-note + .set-section { margin-top: 18px; }
.set-saverow { display: flex; gap: 8px; }
.set-savebtn { flex: 1; cursor: pointer; font-family: inherit; font-size: 13.5px; font-weight: 700; color: #eadfc4;
  padding: 11px; border-radius: 10px; background: rgba(217,178,76,.1); border: 1px solid rgba(217,178,76,.38);
  transition: background .12s, transform .08s; }
.set-savebtn:hover { background: rgba(217,178,76,.2); transform: translateY(-1px); }
/* Reserva discreta (copiar/colar código) sob os botões de arquivo — links, mas com alvo de toque ≥38px */
.set-savealt { margin-top: 6px; display: flex; align-items: center; flex-wrap: wrap; gap: 0 4px;
  font-size: 11px; color: #7f8a6a; }
.set-savelink { cursor: pointer; border: 0; background: none; font-family: inherit; font-size: 11px;
  font-weight: 700; color: #9c8d63; text-decoration: underline; padding: 2px 5px; min-height: 38px;
  display: inline-flex; align-items: center; }
.set-savelink:hover { color: #e8c877; }

/* ═══ Celular paisagem: toggles do auto-loot (Manter/Vender/…) tinham 22px de altura — alvo de toque
   duro de acertar. !important porque os botões nascem com style inline no difficulty.js (fix 18/07). ═══ */
@media (max-height: 500px) {
  .set-autoloot button[data-al-act], .set-autolootmat button[data-alm-act] {
    padding: 10px 10px !important; min-height: 38px; }
}