/* navbar.css */
.cyoku-nav {
    background: linear-gradient(180deg, rgba(10,15,26,0.95), rgba(11,18,32,0.92)) !important;
    border-bottom: 1px solid #21314a !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.35);
    backdrop-filter: blur(6px);
}
.cyoku-nav .navbar-brand .brand-img {
    filter: drop-shadow(0 2px 4px rgba(0,0,0,.35));
}
.cyoku-nav .brand-text {
    font-weight: 700;
    letter-spacing: .3px;
    color: #ffc107;
}
.cyoku-nav .nav-link {
    color: #d7e3ff !important;
    opacity: .92;
}
.cyoku-nav .nav-link:hover,
.cyoku-nav .nav-link:focus {
    opacity: 1;
    text-shadow: 0 0 6px rgba(148, 187, 233, .25);
}
.cyoku-nav .dropdown-menu {
    background: #111a2b;
    border: 1px solid #21314a;
}
.cyoku-nav .dropdown-item {
    color: #d7e3ff;
}
.cyoku-nav .dropdown-item:hover {
    background: #0c1830;
    color: #fff;
}
.cyoku-nav .dropdown-divider {
    border-top-color: #21314a;
}
.nav-avatar {
    width: 24px;
    height: 24px;
    object-fit: cover;
    border: 1px solid #21314a;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .25);
}
@media (max-width: 991.98px) {
    .cyoku-nav .dropdown-menu {
        margin-top: .5rem;
    }
}