/* FICHA DO MERCADO EM JANELA (23/10, autor: "quando eu clico no item pra ver detalhes, aparece esse modal quebrado, que
   tem que rolar, mas ele é muito sensível e qualquer toque fora ou rolar às vezes já fecha ele"; "tem que caber tudo sem
   ter que rolar"). game.js abrirFichaEmJanela: a ficha do anúncio (a mesma do pacote 2, ESTE ITEM x EM USO) fica no meio
   da tela sobre um fundo escuro, sem barra de rolagem; se não couber, encolhe inteira (transform no encaixarFichaEmJanela).
   Só o X e o Esc fecham. */
html.col-ficha-item-aberta{overflow:hidden;scrollbar-gutter:stable}
.ttip-janela-fundo{position:fixed;inset:0;z-index:12050;background:rgba(4,6,10,.66);overscroll-behavior:contain;touch-action:none}
.ttip-janela-fundo.hidden{display:none}
html:not(#_) .game-tooltip.rico.janela{z-index:12100;max-height:none!important;overflow:hidden!important;overscroll-behavior:contain;transform-origin:0 0;pointer-events:auto!important;touch-action:none}
html:not(#_) .game-tooltip.janela .ttip-fechar{position:absolute;top:6px;right:6px;float:none;margin:0;width:32px;height:32px;font-size:15px;z-index:3}
/* o X não cobre o nome do item nem o rótulo EM USO */
html:not(#_) .game-tooltip.janela:not(.comparando)>.ttip-head,html:not(#_) .game-tooltip.janela:not(.comparando) .ttip-head{padding-right:44px}
html:not(#_) .game-tooltip.janela .ttip-comparar{padding-top:44px}
html:not(#_) .game-tooltip.janela .ttip-comparar::before{content:"COMPARAR";position:absolute;left:14px;top:13px;font-weight:900;letter-spacing:.14em;color:#e6b85c;font-size:calc(12px * var(--text-scale,1))}
html:not(#_) .game-tooltip.janela .ttip-comparar{position:relative}
/* Celular deitado: a janela tem largura de sobra e pouca altura, então as duas fichas ficam lado a lado
   (no balão antigo só cabia o item do anúncio). Em pé continua como no pacote 2: só o item, com a diferença em cada número. */
@media (orientation:landscape) and (max-height:500px){
  /* o balão deitado normal vira 2 colunas de texto (style.css, revisão 28/09); a comparação já tem as suas duas */
  html:not(#_) #gameTooltip.rico.comparando.janela{max-width:min(780px,calc(100vw - 16px))!important;width:min(780px,calc(100vw - 16px));columns:auto}
  html:not(#_) .game-tooltip.janela .ttip-comparar{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px;padding:40px 6px 6px}
  html:not(#_) .game-tooltip.janela .ttip-comp-lado{display:block;border:1px solid rgba(215,169,68,.45);border-radius:10px}
  html:not(#_) .game-tooltip.janela .ttip-comp-lado.uso{border-color:rgba(88,150,230,.55)}
  html:not(#_) .game-tooltip.janela .ttip-comparar .inv-comp-rotulo{display:block}
  html:not(#_) .game-tooltip.janela .ttip-comp-nota{display:none}
}
@media (max-width:699px) and (orientation:portrait){
  html:not(#_) .game-tooltip.rico.janela{max-width:min(380px,calc(100vw - 16px))!important}
}