.reward-container {
    margin: 0 auto;
    max-width: 800px;
    font-family: "Inter", sans-serif;
}
 
.reward-header { text-align: center; margin-bottom: 20px; }
.reward-header h2 {
    font-family: "Cinzel", serif;
    color: #ece4d3;
    font-size: 1.6rem;
    font-weight: 600;
    margin: 0;
}
 
.level-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 8px;
    background: transparent;
}
 
.level-table thead th {
    background: #1b1611;
    color: #e0b84a;
    padding: 14px;
    text-transform: uppercase;
    font-size: 0.82rem;
    letter-spacing: 0.05em;
    font-weight: 600;
    border: 1px solid rgba(201, 162, 39, 0.16);
    border-left: none;
    border-right: none;
}
.level-table thead th:first-child { border-radius: 4px 0 0 4px; border-left: 1px solid rgba(201, 162, 39, 0.16); }
.level-table thead th:last-child { border-radius: 0 4px 4px 0; border-right: 1px solid rgba(201, 162, 39, 0.16); }
 
.table-row {
    background: #15110d;
    transition: border-color 0.2s ease, transform 0.2s ease;
}
.table-row:hover { transform: translateY(-2px); }
 
.table-cell {
    padding: 14px;
    text-align: center;
    color: #ece4d3;
    font-size: 0.95rem;
    border-top: 1px solid rgba(201, 162, 39, 0.16);
    border-bottom: 1px solid rgba(201, 162, 39, 0.16);
}
 
.level-cell { font-weight: 700; color: #ece4d3; border-radius: 4px 0 0 4px; border-left: 1px solid rgba(201, 162, 39, 0.16); }
.points-cell { color: #2f9e6a; font-weight: 700; border-radius: 0 4px 4px 0; border-right: 1px solid rgba(201, 162, 39, 0.16); }
.points-cell::after { content: " Pkt"; font-size: 0.75rem; color: #948c7a; margin-left: 4px; font-weight: 500; }
 
.icon-decorator { margin-right: 8px; opacity: 0.8; }
 
@media (max-width: 600px) {
    .level-table { font-size: 0.85rem; }
    .table-cell { padding: 10px; }
}