:root {
    --primary: #8b5cf6;
    --danger: #ef4444;
    --dark: #1e293b;
}

body {
    font-family: system-ui, -apple-system, sans-serif;
}

.card {
    transition: transform 0.2s;
}

.card:hover {
    transform: translateY(-2px);
}

.ability-group {
    background: var(--dark);
    border: 1px solid #444 !important;
    transition: all 0.3s;
}

.ability-group:hover {
    border-color: var(--primary) !important;
}

.btn {
    transition: all 0.2s;
}

.btn:hover {
    transform: translateY(-1px);
}

@media print {
    .navbar, .btn {
        display: none !important;
    }
}