.pq-portal :is(#conhecimento,#adivinhacao) .game.has-card-avatar{position:relative;display:grid!important;grid-template-columns:minmax(0,1fr) 92px;grid-template-rows:auto 1fr auto auto auto;column-gap:8px;min-height:284px!important;align-items:start}
.pq-portal :is(#conhecimento,#adivinhacao) .has-card-avatar>h3{grid-column:1/-1;grid-row:1;min-height:46px}
.pq-portal :is(#conhecimento,#adivinhacao) .has-card-avatar>p{grid-column:1;grid-row:2;min-height:100px;flex:none}
.pq-portal :is(#conhecimento,#adivinhacao) .has-card-avatar>.pill{grid-column:1;justify-self:start}
.pq-portal :is(#conhecimento,#adivinhacao) .has-card-avatar>.play{grid-column:1/-1;grid-row:5;align-self:end}
.card-avatar{grid-column:2;grid-row:2/5;align-self:end;width:92px;height:184px;pointer-events:none;overflow:visible;filter:drop-shadow(0 5px 6px #0003)}
.card-avatar canvas{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:750px){.pq-portal :is(#conhecimento,#adivinhacao) .games{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:500px){.pq-portal :is(#conhecimento,#adivinhacao) .games{grid-template-columns:1fr!important}.pq-portal :is(#conhecimento,#adivinhacao) .game.has-card-avatar{grid-template-columns:minmax(0,1fr) 100px;min-height:284px!important}.card-avatar{width:100px;height:200px}}