/**
 * RSite — Mechanics Page  v1.0
 * Depends on: base.css (variables, glass-card)
 *
 * Game mechanics card grid layout.
 */

.mechanics-grid {
    display: grid;
    gap: var(--space-lg);
}

.mechanic-card {
    padding: var(--space-xl);
    transition: border-color var(--duration-normal) ease;
}

.mechanic-card:hover {
    border-color: rgba(212, 175, 55, 0.25);
}

.mechanic-title {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    color: var(--gold-accent);
    font-family: var(--font-heading);
    font-size: 1.2em;
    margin-bottom: var(--space-md);
}

.mechanic-glyph {
    font-size: 1.3em;
    opacity: 0.6;
}