@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700&display=swap');

/* BODY TRANSPARENTE */
body {
    margin: 0;
    background: transparent;
    color: #eee;
    font-family: 'Cinzel', serif;
}

/* TÍTULO */
.rpg-title {
    text-align: center;
    margin: 30px 0 40px;
    font-size: 26px;
    letter-spacing: 3px;
    color: #f5d27a;
}

/* GRID */
.rpg-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 26px;
    max-width: 1000px;
    margin: auto;
    padding: 0 20px 50px;
}

/* CARD TRANSPARENTE */
.rpg-card {
    background: rgba(0,0,0,.35); /* pode diminuir pra .25 se quiser */
    backdrop-filter: blur(4px);

    border-radius: 14px;
    padding: 22px 24px;

    border: 1px solid rgba(255,215,100,.35);

    box-shadow:
        0 0 0 rgba(255,215,100,0),
        0 18px 40px rgba(0,0,0,.6);

    transition: transform .35s ease, box-shadow .35s ease;
}

/* HOVER */
.rpg-card:hover {
    transform: translateY(-10px) scale(1.02);
    box-shadow:
        0 0 30px rgba(255,215,100,.35),
        0 30px 60px rgba(0,0,0,.8);
}

/* TÍTULO DO CARD */
.rpg-card h2 {
    margin-bottom: 14px;
    font-size: 16px;
    color: #ffd77a;
    border-bottom: 1px solid rgba(255,215,100,.45);
    padding-bottom: 8px;
}

/* LISTA */
.rpg-card ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.rpg-card li {
    margin: 8px 0;
    font-size: 13px;
    color: #eee;
}

/* NÍVEL */
.rpg-card b {
    color: #ffd77a;
    margin-right: 6px;
}

/* OBS */
.rpg-card span {
    color: #cfcfcf;
    font-size: 11px;
}