/* Floating initiative banner (app-wide, shown during an encounter you're in). */
.enc-banner {
    position: fixed; top: .6rem; left: 50%; transform: translateX(-50%) translateY(-130%);
    z-index: 1500; display: none; align-items: center; gap: .7rem;
    max-width: min(94vw, 60rem); padding: .4rem .7rem;
    background: rgba(20, 18, 28, .97); border: 1px solid var(--gold, #c8a04f); border-radius: 999px;
    box-shadow: 0 6px 26px rgba(0, 0, 0, .45);
    opacity: 0; transition: opacity .25s, transform .25s;
}
.enc-banner.show { display: flex; opacity: 1; transform: translateX(-50%) translateY(0); }

.enc-banner-head { flex: none; display: flex; flex-direction: column; line-height: 1.1; text-decoration: none; padding-right: .6rem; border-right: 1px solid rgba(255,255,255,.12); }
.enc-banner-title { font-family: 'Cinzel', serif; color: var(--gold, #c8a04f); font-size: .82rem; white-space: nowrap; }
.enc-banner-round { color: var(--ink-soft, #b9b3c6); font-size: .68rem; }

.enc-banner-track { display: flex; gap: .35rem; overflow-x: auto; scrollbar-width: thin; padding-bottom: 2px; }
.enc-bchip {
    flex: none; display: inline-flex; align-items: center; gap: .35rem;
    padding: .2rem .55rem; border-radius: 999px; border: 1px solid rgba(255,255,255,.1);
    background: rgba(255,255,255,.03); color: var(--ink, #e9e6f0); font-size: .8rem; white-space: nowrap;
}
.enc-bchip-init { font-family: 'Cinzel', serif; color: var(--ink-soft, #b9b3c6); font-size: .72rem; }
.enc-bchip.is-pc .enc-bchip-name { color: var(--gold-soft, #d8c389); }
.enc-bchip.is-now { border-color: var(--gold, #c8a04f); background: rgba(200,160,79,.18); color: #fff; }
.enc-bchip.is-next { border-color: rgba(200,160,79,.5); }
.enc-bchip.is-mine { box-shadow: inset 0 0 0 1px var(--gold-soft, #d8c389); }
.enc-bchip.is-dead { opacity: .45; }
.enc-bchip.is-dead .enc-bchip-name { text-decoration: line-through; }
.enc-bchip-tag { font-size: .6rem; text-transform: uppercase; letter-spacing: .06em; color: var(--gold, #c8a04f); }

@media print { .enc-banner { display: none !important; } }