.narrative-compass-hud{width:100%;height:24px;background-color:var(--bg-secondary);display:flex;align-items:center;box-shadow:0 -1px 3px #0000000d}.narrative-compass-bar{position:absolute;top:0;left:0;height:100%;background-color:var(--accent-primary);opacity:.1;transition:width .2s ease-out}.narrative-compass-content{position:relative;width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 1rem;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.narrative-compass-complete{width:100%;text-align:center;color:var(--accent-primary)}