:root {
    --w1: 14.29%;
    --w2: 28.57%;
}

.mode-sep-grass {
    border-left: 4px solid #44cc44;
}

.mode-sep-fishing {
    border-left: 4px solid #44bacc;
}

.mode-sep-surfing {
    border-left: 4px solid #007bff;
}

.mode-sep-trade {
    border-left: 4px solid #b300ff;
}

.mode-sep-gift {
    border-left: 4px solid #ff0000;
}

.cabecalho-colunas {
    display: flex;
    color: #666;
}

.pokemon-item {
    display: flex;
    width: calc(100% - 4px);
    align-items: center;
    font-size: 0.9em;
    margin-left: 4px;
}

.coluna-pokemon {
    width: var(--w2);
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}

.linha-pokemon {
    width: var(--w2);
    display: flex;
    align-items: center;
}

.coluna-method {
    width: var(--w2);
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}

.linha-method {
    width: var(--w2);
    display: flex;
    align-items: center;
}

.pokemon-nome {
    text-align: center;
}

.coluna-jogo {
    width: var(--w1);
    display: flex;
    gap: 5px;
    text-align: center;
    justify-content: center;
}

.linha-jogo {
    width: var(--w1);
    display: flex;
    gap: 2px;
    text-align: center;
    justify-content: center;
    padding: 0;
}

.linha-level,
.linha-chance,
.coluna-level,
.coluna-chance {
    width: var(--w1);
    text-align: center;
    font-size: 0.9em;
    color: #666;
}

.linha-level,
.linha-chance {
    font-size: 1.2em;
}