/**
 * Black Anvil Consortium — New Eden window chrome.
 * Steel crest and EVE amber panels. Syber Labs shows up as the dim
 * circuit under the space scene, and as the docked status line.
 * Loaded only by bac.html.
 */

.bac-page,
.bac-page *,
.bac-page *::before,
.bac-page *::after {
    box-sizing: border-box;
}

body.bac-page {
    margin: 0;
    padding: 1.1rem 0.85rem 1.6rem;
    color: #d8d2c6;
    font-family: "Exo 2", "Segoe UI", sans-serif;
    font-size: 17px;
    line-height: 1.5;
    background-color: #05060a !important;
    background-image: none;
}

/* Space behind the circuit canvas. Stands alone if motion is reduced. */
body.bac-page::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-color: #05060a;
    background-image:
        radial-gradient(ellipse at 50% -8%, rgba(196, 132, 42, 0.22), transparent 46%),
        radial-gradient(ellipse at 100% 100%, rgba(24, 40, 72, 0.45), transparent 42%),
        radial-gradient(ellipse at 0% 80%, rgba(18, 28, 48, 0.4), transparent 36%),
        radial-gradient(1px 1px at 8% 18%, rgba(255, 255, 255, 0.75), transparent),
        radial-gradient(1px 1px at 18% 62%, rgba(255, 236, 200, 0.55), transparent),
        radial-gradient(1.5px 1.5px at 27% 28%, rgba(255, 255, 255, 0.8), transparent),
        radial-gradient(1px 1px at 41% 74%, rgba(255, 255, 255, 0.45), transparent),
        radial-gradient(1px 1px at 63% 16%, rgba(255, 244, 220, 0.7), transparent),
        radial-gradient(1.5px 1.5px at 72% 48%, rgba(255, 255, 255, 0.65), transparent),
        radial-gradient(1px 1px at 84% 22%, rgba(255, 255, 255, 0.5), transparent),
        radial-gradient(1px 1px at 91% 68%, rgba(255, 230, 190, 0.55), transparent),
        radial-gradient(1px 1px at 52% 88%, rgba(255, 255, 255, 0.4), transparent);
}

/* Labs circuit, recolored in the page markup, kept quiet. */
body.bac-page #circuit-bg,
body.bac-page .circuit-bg-canvas {
    opacity: 0.2;
}

.bac-shell {
    width: min(860px, 100%);
    margin: 0 auto;
}

/* ---- Nav: same links, EVE button chrome ---- */
.bac-page .top-nav {
    width: min(860px, 100%);
    margin: 0 auto 1.15rem;
    padding: 0.55rem;
    background: rgba(10, 11, 16, 0.9);
    border: 1px solid #6a5430;
    border-radius: 2px;
    box-shadow: inset 0 1px 0 rgba(232, 184, 96, 0.32);
}

.bac-page .top-nav::before {
    display: none;
}

.bac-page .top-nav a,
.bac-page .top-nav a:link,
.bac-page .top-nav a:visited,
.bac-page .top-nav a.btm {
    font-family: "Exo 2", "Segoe UI", sans-serif;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #f3e6c8 !important;
    text-shadow: none !important;
    text-decoration: none;
    background: #16140f !important;
    border: 1px solid #8a6c38 !important;
    border-radius: 2px !important;
    box-shadow: none !important;
    padding: 0.42rem 0.7rem !important;
}

.bac-page .top-nav a:hover,
.bac-page .top-nav a:focus-visible,
.bac-page .top-nav a.btm:hover,
.bac-page .top-nav a.btm:focus-visible {
    background: #e0a33a !important;
    color: #1a1206 !important;
    border-color: #f6e0b0 !important;
    text-decoration: none;
    transform: none;
    box-shadow: none !important;
}

/* ---- Crest ---- */
.bac-mast {
    text-align: center;
    margin: 0.2rem 0 0.4rem;
}

.bac-logo {
    width: min(480px, 92%);
    height: auto;
    filter:
        drop-shadow(0 16px 24px rgba(0, 0, 0, 0.65))
        drop-shadow(0 0 18px rgba(212, 148, 48, 0.28));
}

.bac-ident {
    margin: -0.4rem auto 1.15rem;
    padding-bottom: 0.9rem;
    border-bottom: 1px solid rgba(212, 164, 74, 0.4);
}

.bac-ident h1 {
    margin: 0;
    font-size: clamp(1.35rem, 3.2vw, 1.85rem);
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #f4efe4;
    text-shadow: 0 1px 0 #000;
}

.bac-kicker {
    margin: 0.4rem 0 0;
    font-size: 0.78rem;
    font-weight: 500;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #e0a33a;
}

.bac-tags {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.45rem;
    margin: 0.85rem 0 0;
    padding: 0;
    list-style: none;
}

.bac-tags li {
    margin: 0;
    padding: 0.18rem 0.55rem;
    border: 1px solid #8a6c38;
    background: rgba(22, 18, 12, 0.85);
    color: #f0d7a4;
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

/* ---- EVE info windows ---- */
.bac-split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.85rem;
}

.bac-split .bac-window {
    margin-bottom: 0;
}

.bac-window {
    margin: 0 0 0.85rem;
    background: linear-gradient(180deg, rgba(22, 24, 32, 0.94) 0%, rgba(8, 9, 13, 0.95) 100%);
    border: 1px solid #6a5430;
    border-radius: 2px;
    box-shadow:
        inset 0 1px 0 rgba(232, 184, 96, 0.28),
        0 10px 24px rgba(0, 0, 0, 0.28);
}

.bac-window h2 {
    margin: 0;
    padding: 0.42rem 0.9rem;
    font-size: 0.74rem;
    font-weight: 600;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    text-align: left;
    color: #f0c36a;
    background: linear-gradient(180deg, rgba(54, 40, 18, 0.96), rgba(16, 14, 12, 0.96));
    border-bottom: 1px solid #8a6a32;
    text-shadow: none;
}

.bac-body {
    padding: 0.85rem 1rem 1rem;
    color: #d8d2c6;
    font-size: 1rem;
    line-height: 1.55;
}

.bac-body p {
    margin: 0 0 0.7rem;
    text-align: left;
}

.bac-body p:last-child {
    margin-bottom: 0;
}

.bac-window ul {
    margin: 0.15rem 0 0;
    padding: 0;
    list-style: none;
}

.bac-window li {
    position: relative;
    margin: 0.35rem 0;
    padding-left: 1.05rem;
}

.bac-window li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.48em;
    width: 0.42rem;
    height: 0.42rem;
    background: #e0a33a;
    transform: rotate(45deg);
}

/* Hostile standings */
.bac-hostile {
    border-color: #7a342e;
    box-shadow:
        inset 0 1px 0 rgba(255, 120, 96, 0.28),
        0 10px 24px rgba(0, 0, 0, 0.28);
}

.bac-hostile h2 {
    color: #ffb0a4;
    background: linear-gradient(180deg, rgba(72, 24, 20, 0.96), rgba(18, 10, 10, 0.96));
    border-bottom-color: #8a3a32;
}

.bac-hostile .bac-body {
    color: #f0d2cc;
}

.bac-split + .bac-window {
    margin-top: 0.85rem;
}

/* Join button — filled EVE command */
.bac-page a.btm,
.bac-page a.btm:link,
.bac-page a.btm:visited {
    font-family: "Exo 2", "Segoe UI", sans-serif;
    font-size: 0.82rem;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #1a1206 !important;
    text-shadow: none !important;
    text-decoration: none;
    background: linear-gradient(180deg, #f0c36a 0%, #c8882a 100%) !important;
    border: 1px solid #f6e0b0 !important;
    border-radius: 2px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
    padding: 0.55rem 1rem !important;
}

.bac-page a.btm:hover,
.bac-page a.btm:focus-visible {
    background: linear-gradient(180deg, #ffe3a8 0%, #e0a33a 100%) !important;
    color: #1a1206 !important;
    text-decoration: none;
    transform: none;
}

.bac-page .top-nav a.btm,
.bac-page .top-nav a.btm:link,
.bac-page .top-nav a.btm:visited {
    color: #f3e6c8 !important;
    background: #16140f !important;
    border: 1px solid #8a6c38 !important;
    box-shadow: none !important;
    letter-spacing: 0.08em;
    padding: 0.42rem 0.7rem !important;
}

.bac-action {
    margin-top: 0.35rem;
}

/* The labs tell, kept small */
.bac-labs {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin: 1.15rem 0 0;
    font-family: "Share Tech Mono", "Courier New", monospace;
    font-size: 0.82rem;
    letter-spacing: 0.08em;
    color: #7dff9a;
    text-shadow: 0 0 8px rgba(0, 255, 80, 0.35);
}

.bac-led {
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 50%;
    background: #39ff5a;
    box-shadow: 0 0 8px #39ff5a;
}

@media (max-width: 720px) {
    .bac-split {
        grid-template-columns: 1fr;
        gap: 0.85rem;
    }

    .bac-ident h1 {
        letter-spacing: 0.08em;
    }

    .bac-kicker {
        letter-spacing: 0.12em;
    }
}