/* General Body Styles */
body {
    background-color: #1a1a1a; /* A dark base background */
    font-family: 'Inter', sans-serif;
    color: #f8f9fa;
}

/* Updated, high-performance background for the Smash page */
.smash-page-body {
    background-color: #1a1a1a; /* Consistent dark grey */
    min-height: 100vh;
}

/* Navbar Logo Styling */
.navbar-logo {
    height: 30px; /* Adjust height as needed */
    width: auto;
    vertical-align: middle;
}

/* Hero Section Styles */
.hero-section {
    background: linear-gradient(to right, #2c2f33, #514a9d); /* Dark grey to purple */
    padding: 4rem 0;
}

.hero-logo {
    height: 80px; /* Adjust size for the main title */
    vertical-align: bottom; /* Aligns logo better with text */
    margin: 0 -0.2em; /* Fine-tune spacing around logo */
}

/* Action Cards */
.action-card {
    background-color: #2c2f33;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.action-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);
}

.card-link {
    text-decoration: none;
}

.card-icon {
    font-size: 3rem; /* Makes icons larger */
    margin-bottom: 1rem;
    color: #514a9d; /* Match the new purple theme */
}

/* Frosted Pane - High Performance Version */
.frosted-pane {
    background-color: hsla(225, 10%, 15%, 0.7);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Table styles */
.table-dark {
    --bs-table-bg: transparent; /* Makes table background see-through */
}

/* Rank Icon Colors */
.rank-gold { color: #ffd700; }
.rank-silver { color: #c0c0c0; }
.rank-bronze { color: #cd7f32; }

/* Simple fade-in animation */
.fade-in {
    animation: fadeInAnimation ease 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@keyframes fadeInAnimation {
    0% { opacity: 0; transform: translateY(10px); }
    100% { opacity: 1; transform: translateY(0); }
}