/* PORTA DO MERCADO (31/10, SQL 2479): src/ui/mercado-porta-ui.js. Termos + 2 fatores antes de abrir o Mercado.
   O autor: "em um único modal sem rolar". No PC cabe inteira (1366×768, texto 130%); no celular o meio rola sozinho.
   Três opções para as fotos: .mpt-a (uma coluna, como a foto dele), .mpt-b (duas colunas), .mpt-c (cartões). */
.modal-backdrop.mercado-porta-fundo{z-index:1240;background:rgba(5,4,3,.78)}
.mercado-porta.modal-card{display:flex;flex-direction:column;gap:8px;width:min(780px,100%);max-height:calc(100vh - 24px);padding:14px 18px 14px;
  background:linear-gradient(180deg,#22180c 0%,#120d08 55%,#0d0a07 100%);border:2px solid #c9a24a;border-radius:14px;color:#efe3c4;
  box-shadow:0 0 0 1px #4a3615 inset,0 0 40px rgba(232,180,70,.25),0 24px 48px rgba(0,0,0,.7);overflow:hidden;text-align:left}
@supports (height:100dvh){.mercado-porta.modal-card{max-height:calc(100dvh - 24px)}}
.mercado-porta .mpt-topo{display:flex;align-items:center;gap:10px}
.mercado-porta .mpt-topo img{width:38px;height:38px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(255,200,90,.6))}
.mercado-porta .mpt-olho{display:block;font-family:Cinzel,Georgia,serif;font-size:calc(10.5px * var(--text-scale, 1));letter-spacing:.2em;color:#e9c46a;font-weight:700}
.mercado-porta h2{margin:0;font-family:Cinzel,Georgia,serif;font-size:calc(19px * var(--text-scale, 1));line-height:1.2;color:#ffe9b0;overflow-wrap:anywhere}
.mercado-porta .mpt-intro{margin:0;font-size:calc(12.5px * var(--text-scale, 1));line-height:1.4;color:#d8c9a6}
.mercado-porta .mpt-corpo{display:flex;flex-direction:column;gap:8px;min-height:0}
.mercado-porta .mpt-col-termos{display:flex;flex-direction:column;gap:6px;min-height:0}
.mercado-porta .mpt-limpo{padding:8px 11px;border:1px solid #d0402f;border-radius:9px;background:linear-gradient(90deg,rgba(120,20,14,.55),rgba(60,10,8,.55));
  color:#ffd9d2;font-size:calc(12.5px * var(--text-scale, 1));line-height:1.35}
.mercado-porta .mpt-limpo strong{color:#ff8a78;text-transform:uppercase;letter-spacing:.04em}
.mercado-porta h3{margin:2px 0 0;font-family:Cinzel,Georgia,serif;font-size:calc(12px * var(--text-scale, 1));letter-spacing:.16em;color:#e9c46a}
.mercado-porta .mpt-termos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:5px 12px}
.mercado-porta .mpt-termos li{display:flex;gap:6px;align-items:flex-start;min-width:0;font-size:calc(11.5px * var(--text-scale, 1));line-height:1.32;color:#cdbd98}
.mercado-porta .mpt-termos li>span:first-child{flex:none;width:18px;text-align:center}
.mercado-porta .mpt-col-passos{display:flex;flex-direction:column;gap:6px}
.mercado-porta .mpt-passo{display:flex;align-items:center;gap:9px;padding:7px 10px;border:1px solid #5a4420;border-radius:10px;background:rgba(30,22,10,.7);
  font-size:calc(12.5px * var(--text-scale, 1));line-height:1.3;color:#efe3c4}
.mercado-porta .mpt-passo.ok{border-color:#5fae5a;background:rgba(24,48,22,.6)}
.mercado-porta .mpt-passo>div{flex:1 1 auto;min-width:0}
.mercado-porta .mpt-passo strong{display:block;color:#ffe2a0}
.mercado-porta .mpt-passo small{display:block;color:#bba783;font-size:calc(11px * var(--text-scale, 1))}
.mercado-porta .mpt-num{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#c9a24a;color:#1a1208;font-weight:800;font-size:calc(12px * var(--text-scale, 1))}
.mercado-porta .mpt-passo.ok .mpt-num{background:#5fae5a;color:#0c1a0b}
.mercado-porta .mpt-aceite{cursor:var(--cur-mao,pointer)}
.mercado-porta .mpt-aceite input{flex:none;width:18px;height:18px;accent-color:#c9a24a}
.mercado-porta .mpt-aceite a{color:#ffd77a}
.mercado-porta .mpt-feito{flex:none;color:#8ee089;font-size:calc(18px * var(--text-scale, 1));font-weight:800}
.mercado-porta .mpt-aviso{flex:none;max-width:42%;color:#ffb3a6}
.mercado-porta button{font:inherit;cursor:var(--cur-mao,pointer);border-radius:9px;font-weight:800;letter-spacing:.04em}
.mercado-porta .mpt-2f{flex:none;padding:8px 12px;border:1px solid #e9c46a;background:linear-gradient(180deg,#3d2c10,#21170a);color:#ffe2a0;font-size:calc(12px * var(--text-scale, 1))}
.mercado-porta .mpt-erro{margin:0;color:#ffb3a6;font-size:calc(12px * var(--text-scale, 1))}
.mercado-porta .mpt-botoes{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
.mercado-porta .mpt-nao{padding:10px 16px;border:1px solid #6a5838;background:transparent;color:#cdbd98;font-size:calc(12.5px * var(--text-scale, 1))}
.mercado-porta .mpt-entrar{padding:10px 22px;border:1px solid #f0c75e;background:linear-gradient(180deg,#e9b949,#b8872a);color:#1a1208;font-size:calc(13.5px * var(--text-scale, 1));
  box-shadow:0 0 16px rgba(233,185,73,.35)}
.mercado-porta .mpt-entrar:disabled{filter:grayscale(.85) brightness(.7);box-shadow:none;cursor:not-allowed}

/* B: duas colunas — termos à esquerda, Jogo limpo + passos + botões à direita */
.mercado-porta.mpt-b.modal-card{width:min(1040px,100%)}
.mercado-porta.mpt-b .mpt-corpo{display:grid;grid-template-columns:1.45fr 1fr;gap:14px;align-items:start}
.mercado-porta.mpt-b .mpt-termos{grid-template-columns:1fr}
.mercado-porta .mpt-limpo-dir{display:none}
.mercado-porta.mpt-b .mpt-col-termos .mpt-limpo{display:none}
.mercado-porta.mpt-b .mpt-limpo-dir{display:block}
.mercado-porta.mpt-b .mpt-col-passos .mpt-botoes{justify-content:stretch}
.mercado-porta.mpt-b .mpt-col-passos .mpt-botoes button{flex:1 1 auto}

/* C: termos em cartões (4 por linha) e os 2 passos lado a lado */
.mercado-porta.mpt-c.modal-card{width:min(960px,100%)}
.mercado-porta.mpt-c .mpt-termos{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.mercado-porta.mpt-c .mpt-termos li{flex-direction:column;align-items:center;text-align:center;padding:7px 6px;border:1px solid #4a3818;border-radius:9px;background:rgba(26,19,9,.75);font-size:calc(11px * var(--text-scale, 1))}
.mercado-porta.mpt-c .mpt-termos li>span:first-child{width:auto;font-size:calc(18px * var(--text-scale, 1))}
.mercado-porta.mpt-c .mpt-col-passos{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px}
.mercado-porta.mpt-c .mpt-col-passos .mpt-erro,.mercado-porta.mpt-c .mpt-col-passos .mpt-botoes{grid-column:1/-1}
.mercado-porta.mpt-c .mpt-limpo{text-align:center}

/* celular: uma coluna e o meio rola (no PC não rola) */
@media (max-width:760px){
  .mercado-porta.modal-card,.mercado-porta.mpt-b.modal-card,.mercado-porta.mpt-c.modal-card{padding:12px 12px}
  .mercado-porta .mpt-corpo,.mercado-porta.mpt-b .mpt-corpo{display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain}
  .mercado-porta .mpt-termos,.mercado-porta.mpt-c .mpt-termos{grid-template-columns:1fr}
  .mercado-porta.mpt-c .mpt-termos li{flex-direction:row;text-align:left}
  .mercado-porta.mpt-c .mpt-col-passos{display:flex;flex-direction:column}
  .mercado-porta.mpt-b .mpt-col-termos .mpt-limpo{display:block}
  .mercado-porta.mpt-b .mpt-limpo-dir{display:none}
  .mercado-porta .mpt-col-termos,.mercado-porta .mpt-col-passos{flex:none}
  .mercado-porta .mpt-passo{flex-wrap:wrap}
  .mercado-porta .mpt-aceite{flex-wrap:nowrap}
  .mercado-porta .mpt-botoes button{flex:1 1 auto}
}