body{
    background:var(--black);
    color:var(--text);
    font-family:'VT323', monospace;
    font-size:19px;
    image-rendering:pixelated;
    overflow-x:hidden;
}


/* Navbar: the one place the gradient lives */
.navbar {
    background: #101010;
    padding-bottom: calc(1rem + 2px); /* keep existing visual spacing */
    border-bottom: none;
}

.navbar::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, #f26822 50%, transparent);
    opacity: 0.20;
    pointer-events: none;
    z-index: 0;
}

.navbar .container {
    position: relative;
    z-index: 1;
}

.navbar-brand {
    font-family:'Press Start 2P', monospace;
    font-weight: 700;
}

.navbar-brand .run {
    background: linear-gradient(120deg, #93a3bd 0%, #f26822 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.navbar-brand:hover {
    opacity: 0.6;
}

/* Theme dropdown */
#gameDropdown {
    border:2px solid #3a3a3a;
    color: #aaa;
    background-color: #121212;
    font-weight: 500;
}

#gameDropdown:hover {
    border-color: #BF6C40;
}

.dropdown-menu {
    background-color: #101010;
    border: 1px solid rgba(255, 255, 255, 0.08);
    min-width: 8rem;
}

.dropdown-item {
    color: #93a3bd;
    font-size: 0.70rem;
}

.dropdown-item:hover,
.dropdown-item:focus {
    background-color: #151515;
    color: #ffb088;
}

/* Main content area */
main {
    min-height: 65vh;
}

/* Footer */
footer {
    background-color: #101010;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    color: #93a3bd;
    font-size: 0.85rem;
}

footer a {
    color: #93a3bd;
    text-decoration: none;
    transition: color 0.15s ease;
}

footer a:hover {
    color: #ffb088;
}

a:focus-visible,
button:focus-visible {
    outline: 2px solid #f26822;
    outline-offset: 2px;
}

/* @media (prefers-reduced-motion: reduce) { */
/*     * { transition: none !important; } */
/* } */