/* MOSAICO · A PELE COMUM na Mesa do Carro-Forte (11/10/2026)

   Decisão do Mario: a Mesa da Casa, a Mesa do Carro-Forte e a Casa: O Impostor vestem a mesma pele
   (a do Impostor da Casa). A Mesa do Carro já era da mesma família de cores e botões; aqui mudam as
   fontes (Georgia nos títulos, Inter nos rótulos, como no Impostor da Casa) e os fragmentos, que deixam
   o papel bege e viram cartões escuros com parede, como as peças do Impostor. O texto de terminal
   (carro-forte-terminal.css) tem fonte própria e não muda. Só cobre; nada de lógica ou texto. */
:root{
  --display:Georgia,'Times New Roman',serif;
  --mono:Inter,'Segoe UI',system-ui,sans-serif;
}
html,body{background:radial-gradient(120% 70% at 50% 0%,#12283a 0%,#07121b 55%,#03070b 100%) fixed,#050b12}

/* os fragmentos do dossiê: peça escura com parede e fio dourado */
.fragment{
  border:1px solid #476579;border-bottom:2px solid #050d13;border-left:4px solid #9a7842;border-radius:9px;
  background:linear-gradient(145deg,#1b3445 0%,#112532 48%,#09151e 100%);color:var(--ink);
  box-shadow:inset 0 2px 0 #ffffff12,inset 0 -3px 5px #02070b66,0 4px 0 #020609,0 10px 16px #0008;
}
.fragment small{color:#efc878}
.fragment strong{color:var(--ink)}
.fragment p{color:#c4d2da}
.fragment:active{transform:translateY(3px);box-shadow:inset 0 3px 7px #0009,0 1px 0 #020609}
.fragment.marked{
  border-left-color:#58c78a;background:linear-gradient(145deg,#173a2c 0%,#102a20 48%,#08170f 100%);
  box-shadow:inset 0 2px 0 #ffffff14,0 4px 0 #020609,0 0 0 2px #70d6a0aa,0 10px 16px #0008;
}
.fragment.marked small{color:#8ce4b0}
.fragment.depo{border-left-color:#6aa8ca}
.fragment.depo:active{transform:none;box-shadow:inset 0 2px 0 #ffffff12,inset 0 -3px 5px #02070b66,0 4px 0 #020609,0 10px 16px #0008}
.fragment.depo .depo-quem{color:#efc878}

/* o cabeçalho: os selos de papel e camada não podem cobrir o nome da fase. Eles transbordavam em três
   linhas por cima de "PAUTA", "DOSSIÊ"… Ficam numa linha só, cedendo espaço; no topo vai só o papel
   (a variante descritiva continua na escolha de papel) e a sessão "Mestre" sai, porque o botão Sala já diz. */
.turnline>span:first-child{flex:0 0 auto;white-space:nowrap}
.turnline-right{display:flex;align-items:center;gap:5px;min-width:0;flex:1 1 auto;justify-content:flex-end}
#mpcChipHost{display:flex;min-width:0;flex:0 1 auto;overflow:hidden}
#mpcChipHost .mpc-chips{flex-wrap:nowrap;min-width:0;gap:4px}
#mpcChipHost .mpc-chip{white-space:nowrap;padding:3px 7px}
#mpcChipHost .mpc-chip em,#mpcChipHost .mpc-sessao{display:none}
#partidaLabel{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* o volume e o afundar onde ainda faltavam (comum a todos os jogos) */
.relation-card,.hyp-card{transition:transform .12s ease,box-shadow .12s ease}
.relation-card:not(.locked):active,.hyp-card:active{transform:translateY(3px);box-shadow:inset 0 3px 7px #0009,0 1px 0 #020609}
#hudSala{box-shadow:inset 0 1px 0 #ffffff14,0 3px 0 #13293a,0 4px 0 1px #020609;transition:transform .12s ease,box-shadow .12s ease}
#hudSala:active{box-shadow:inset 0 2px 5px #0008,0 1px 0 #020609}